New Issue

night mode #403

Open

opened by trinity-1686a · 4 comments

trinity-1686a commented

Owner

From Matrix :

One minor thing: no night mode.

Some users prefer a darker theme, it would be great to have a simple switch somewhere on most pages to switch between two color themes, the one we already have, and a darker "night mode" one. Before implementing that, we should take into account how it should interact with #354

Plume version (and/or commit): 0.2.0

From Matrix : > One minor thing: no night mode. Some users prefer a darker theme, it would be great to have a simple switch somewhere on most pages to switch between two color themes, the one we already have, and a darker "night mode" one. Before implementing that, we should take into account how it should interact with #354 Plume version (and/or commit): 0.2.0

👍 4

igalic commented (Migrated from github.com)

there's also this CSS draft https://drafts.csswg.org/mediaqueries-5/#prefers-color-scheme

👍 2

elegaanz commented (Migrated from github.com)

Can we consider this as fixed now that we have a dark theme by default too? The only issue is that it doesn't respect prefers-color-scheme, but I don't really know if we could easily have an "automatic" version of the default theme, that switches between ligth and dark based on that.

Can we consider this as fixed now that we have a dark theme by default too? The only issue is that it doesn't respect `prefers-color-scheme`, but I don't really know if we could easily have an "automatic" version of the default theme, that switches between ligth and dark based on that.

igalic commented (Migrated from github.com)

Chrome, Firefox and Safari already support it
as do most mobile browsers.
I think we can just add it, since CSS falls back gracefully (ignores things it doesn't know) we should be safe.

although, i have no idea how to set my preference in my Firefox.

Chrome, Firefox and Safari already [support it](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme#Browser_compatibility) as do most mobile browsers. I think we can just add it, since CSS falls back gracefully (ignores things it doesn't know) we should be safe. ******* although, i have no idea how to set my preference in my Firefox.

👍 1

elegaanz commented (Migrated from github.com)

Oh, I had an idea, we could just use @import at the end of the CSS file to import the other variant when needed.

although, i have no idea how to set my preference in my Firefox.

Probably some flag in about:config for the moment? Or maybe it uses the preference from your DE?

Oh, I had an idea, we could just use `@import` at the end of the CSS file to import the other variant when needed. > although, i have no idea how to set my preference in my Firefox. Probably some flag in about:config for the moment? Or maybe it uses the preference from your DE?

No Milestone

No Assignees

2 Participants

Notifications

Due Date

The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Loading…

There is no content yet.

Labels Milestones

night mode #403