speedtest icon indicating copy to clipboard operation
speedtest copied to clipboard

Add dark mode

Open JackZeled0n opened this issue 4 years ago • 6 comments

Description

Add dark mode to https://librespeed.org/

Why it should be implemented

  • Can potentially reduce eye strain and dry eyes in low-light conditions
  • There will be less ‘blue light’ emitted from your devices
  • Inclusition: Some experts say dark mode can help people with light sensitivity or visual impairment.

JackZeled0n avatar Oct 15 '21 00:10 JackZeled0n

I would like to contribute on this.

gaurav879 avatar Oct 16 '21 13:10 gaurav879

Hey, sorry for the late reply. The code for the frontend of the librespeed.org is hosted here: https://codeberg.org/librespeed/librespeed-frontend

Keep in mind that the UI in this repository is meant to be used as an example/template so adding a dark mode here would just make the examples unnecessarily complicated to read.

adolfintel avatar Oct 16 '21 14:10 adolfintel

@adolfintel but we would add new css for styles and few lines of js for making the switch button.

JackZeled0n avatar Oct 16 '21 22:10 JackZeled0n

If you're so keen on adding dark mode into the main repo (which I've been opposed to for years btw :laughing:) I suggest you use the @media (prefers-dark-interface) media query in the CSS instead of adding a button, that way it will follow the user's system preference.

I still think you should do it only on the librespeed.org website though, the examples are already long enoguh.

adolfintel avatar Oct 17 '21 05:10 adolfintel

Ok 😅 Thanks @adolfintel

JackZeled0n avatar Oct 17 '21 07:10 JackZeled0n

Have there been any updates on this 😅 I just deployed this as a Docker container and honestly it works great, the only real downside so far is that it basically flashbangs me whenever I open the page 😆

EpicLPer avatar Apr 12 '24 18:04 EpicLPer