search

ProtoSchool / protoschool.github.io

The code that runs the ProtoSchool website. Visit https://proto.school for interactive tutorials on decentralized web protocols. Explore IPFS and Filecoin through code challenges, code-free lessons, and local events.
https://proto.school
Other
166 stars 67 forks source link

Feature: Dark theme #778

Open francarranza opened 2 years ago

francarranza commented 2 years ago

Description

An educational text based website as protoschool should have a dark theme to make reading more comfortable. Also it reduces eye strain.

Solution

A button on the navigation bar to activate or deactivate the dark theme. Also some websites enables this by default depending on current OS preference.

Some images example from a quick draft.

Of course the color palette could be tweaked but this is a rough idea:

Screenshot 2022-03-03 at 01 34 37

Screenshot 2022-03-03 at 01 26 14

Screen Shot 2022-03-03 at 01 27 01

francarranza commented 2 years ago

I'd love to help developing this feature in case of approval 😄

chengpeiquan commented 2 years ago

I agree! I enjoy dark theme too.