Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Redesign: dark theme #7578

Closed
bwindels opened this issue Oct 25, 2018 · 8 comments
Closed

Redesign: dark theme #7578

bwindels opened this issue Oct 25, 2018 · 8 comments

Comments

@bwindels
Copy link
Contributor

@bwindels bwindels commented Oct 25, 2018

No description provided.

@bwindels

This comment has been minimized.

Copy link
Contributor Author

@bwindels bwindels commented Oct 26, 2018

https://paulmillr.com/posts/using-dark-mode-in-css/ detect macos dark theme and switch automatically?

@bwindels

This comment has been minimized.

Copy link
Contributor Author

@bwindels bwindels commented Oct 26, 2018

we'll have to resolve complains about text not being readable in dark theme currently ...

@grahamperrin

This comment has been minimized.

Copy link

@grahamperrin grahamperrin commented Jan 26, 2019

https://twitter.com/grahamperrin/status/1089255738390839297 /experimental/ Dark (one of the four page styles) in Firefox in safe mode.

grahamperrin@momh167-gjp4-8570p:~ % date ; uname -v
Sat 26 Jan 2019 20:17:46 GMT
FreeBSD 13.0-CURRENT r343308 GENERIC-NODEBUG 
grahamperrin@momh167-gjp4-8570p:~ % pkg query '%o %v %R' firefox
www/firefox 65.0,1 FreeBSD
grahamperrin@momh167-gjp4-8570p:~ % 
@unendingPattern

This comment has been minimized.

Copy link

@unendingPattern unendingPattern commented Jan 27, 2019

Hi, I got bored.
I'd like to propose something like this as the idea for a dark theme.

https://gist.github.com/unendingPattern/e5630e84611087c05811a97aef09d765

a52theme

vs

riottheme

@grahamperrin

This comment has been minimized.

Copy link

@grahamperrin grahamperrin commented Jan 27, 2019

Thanks.

For users (like me) who associate darkness with (for want of a better expression) restraint, consider less use of colour e.g. no diversity of colours for usernames. I know, it's contentious, but it makes a considerable difference when I'm trying to focus more on content (what's written) than on metadata.

@ara4n

This comment has been minimized.

Copy link
Member

@ara4n ara4n commented Jan 27, 2019

@unendingPattern thanks for having a go at this. once we have themes up and running on the redesign, it should be possible for this to land as a custom theme.

Heads up that we do have an 'official' dark theme for the redesign - we just haven't implemented it yet as we've been focusing on implementing the redesign itself rather than the additional themes.

screenshot 2019-01-27 at 19 14 16

@grahamperrin

This comment has been minimized.

Copy link

@grahamperrin grahamperrin commented Jan 28, 2019

#8280 noted with thanks.

Whilst we're without the official dark theme, I can get something like what I need (with Waterfox) with my little CSS from a few months ago plus No Color and Invert Colors:

image

– too stark (excessive contrast) but it'll do for now.

When the official dark theme becomes available I can use Monochromer and so on.

In the meantime if I need help with CSS I'll take it elsewhere, probably at https://www.reddit.com/r/css/

@jryans

This comment has been minimized.

Copy link
Member

@jryans jryans commented Feb 13, 2019

Fixed by matrix-org/matrix-react-sdk#2619 and #8540.

Please check out the dark theme on /develop and file issues for any feedback!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Redesign Backlog
All Tasks (Unordered)
6 participants
You can’t perform that action at this time.