Reimplement dark mode

[yamanoku]

Overview

• Dark mode gradually became available to the OS and applications, felt that it is necessary to redefine again
• Automatically switched to the dark mode from 9 pm to 6 am the next day.
  • Color is only inverted by filter:invert(100);
  • ref: https://scrapbox.io/yamanoku/Reading%E2%80%A6#5b8e9817c2cd3f0000d9c879

Featuring

• [ ] Switching color mode
• [x] Delete auto color switching
• [x] Redefine dark color
  • [x] Use CSS variables

Mock -- Figma

• https://www.figma.com/file/IHsJKRaJXepsqcbX91iQ6YNV/Components

Ref

• https://material.io/design/color/dark-theme.html
• https://developer.apple.com/design/human-interface-guidelines/macos/visual-design/dark-mode/
• https://darkmodelist.com/
• https://speakerdeck.com/jxck/dark-side-of-the-web

[yamanoku]

• Delete auto color switching
  • https://github.com/yamanoku/reading/pull/101/commits/984320b6661ca12592e0d9604213668ddd7e81b6

[yamanoku]

Collapses color settings to: root

[yamanoku]

In order to implement Switching color mode , it is necessary to review the layout (paginate-links part), so I will deal with this issue after dealing with another issue.