Dark Mode for intervals.icu

Feature Requests
1

Hello,

thanks David for the great website and continuous development. I wondered if it was possible for you to integrate a dark mode for intervals.icu. Or does this feature already exist and i just wasn’t able to find it?
A dark mode for this website would be great as the appearance right now is white and bright which i personally dislike, especially at night.

Cheers
Louis

4 Likes
2

I do have that on the todo list but its quite a lot of work. Every little bit of styling needs to be done twice and I need to find a “dark mode” theme for the component framework I am using.

3

you can try this edge://flags or chrome://flags and #enable-force-dark

1 Like
4

Wow. That actually works quite well!

5

Many browsers also have dark mode add ons…

Screenshot 2020-02-13 at 08.06.21
Screenshot 2020-02-13 at 08.06.212208×1388 441 KB

7 Likes
6

It works very well in dark mode(Opera GX).
If it is possible can you change background of graphs?
In activity is white. But almost every where is quite good.

image
image593×934 38.9 KB

1 Like
7

Would be nice but its more effort than you might think. There are colours all over the place in Intervals.icu in CSS and generated from Javascript.

1 Like
8

As a mac user - NightEye for Safari did it all with a click of a button. Great work!

1 Like
9

On android you can also use dark reader addon for Firefox.

1 Like
10

NightEye works for more than Safari.

IMG_6649
IMG_66491290×1696 161 KB

1 Like
11

bumping this thread as I find the extensions I have tested to not darken the graph section of a workout. I have tested Noir, Night eye and Dark Reader today. None of them darken the graph sections of a workout. I would love for intervals to have a dedicated dark mode.

Edit if you use filter or filter+ under more in Dark Reader it actually works!

1 Like
12

I actually did try do this a while ago with some clever CSS I found but it caused problems (functionality issues) with the library Intervals.icu uses for components (Veutify) so I had to park that.

13

Thanks for the update David. Are there any trackers for the bug/issue on their end? Maybe we can open an issue?

14

Intervals.icu is on Veutify 1.5.24 and the latest release is 3.7.7. So they wouldn’t pay any attention to the bug report unless it was happening in the latest release. It’s a big thing to upgrade (potentially every bit of UI in Intervals.icu might break and need to be tested) so I don’t want to do that now. Will need to at some point though.

1 Like