search

element-hq / element-web

A glossy Matrix collaboration client for the web.
https://element.io
GNU Affero General Public License v3.0
11.01k stars 1.96k forks source link

New Dark Theme colors are heavy on eyes #8664

Open kepi opened 5 years ago

kepi commented 5 years ago

I just received update of riot-web app and I like the redesign. Unfortunately color combination in dark theme is extremely heavy on eyes.

One of main points of dark themes is to safe our eyes, but especially main chat area is complete opposite. In fact it is almost easier on my eyes to switch to light theme.

I'm not sure of exact color combination, but chat area in previous version was ok, list of rooms is ok, but chat area currently is not. Maybe text color is too white, maybe background is too dark...

kepi commented 5 years ago

One observation after 30 minutes usage: maybe biggest problem is font size, which is simply too small with used fonts and color combination. I would probably survive it longer without notice when font is bigger.

Is there any option to change size of fonts? I tried to search for it but without success.

tompinzler commented 5 years ago

maybe biggest problem is font size, which is simply too small

I second that

fbruetting commented 5 years ago

Yeah, we really need a bigger font size. Older people otherwise will have problems, and still for me with good sight it’s too small for being comfortable. Here’s a comparison with Wire and WhatsApp – the x size of Riots font is far smaller than the other’s:

bildschirmfoto von 2019-02-16 18-31-55

progserega commented 5 years ago

Colors was not such contrast in old dark theme. New dark them is very heavy for eyes :-(

1

Grey color in old theme is very nice. Do you can add third theme - grey, as was in old riot version?

lampholder commented 5 years ago

We've made dark theme a little less dark - could you take another look and let us know what you think?

progserega commented 5 years ago

We've made dark theme a little less dark - could you take another look and let us know what you think?

Where are I can test it? On riot.im - steel old dark theme...

jryans commented 5 years ago

Do you mean riot.im/develop or riot.im/app? (/develop is newer and likely includes additional tweaks.)

progserega commented 5 years ago

We've made dark theme a little less dark - could you take another look and let us know what you think? Do you mean riot.im/develop or riot.im/app? (/develop is newer and likely includes additional tweaks.)

I do not see any color changes in develop version.

skerit commented 5 years ago

Huh. I started using Riot a few days ago, so I never saw the old dark theme in action.

I was actually thinking about creating an issue regarding the dark theme being too dark, so it's quite a surprise to see that the previous colors actually looked better :/

lampholder commented 5 years ago

We're planning to address this by dividing dark theme into "dark theme" and "black theme".

unclechu commented 5 years ago

I'd like to have a feature to set custom CSS in advanced settings section so I could customize specific theme (by selectors like html.riot-dark-theme for instance or html[data-theme=dark]).

aaronraimist commented 5 years ago

@unclechu make sure you put a thumbs up on #4482, that is the issue for that

SilverWolf32 commented 5 years ago

Personally, I think the current background colors are absolutely perfect! Now, the controls could use some slight tweaking (especially the very bright borders of text boxes and such), but it'd be great if you could leave an option for these background colors as well. (:

Edit: Not pure black -- that'd be too dark.

fti7 commented 5 years ago

Its really too dark :-( especially the Box with the Messages. Checkout the Discord Theming where the Message Box is lighter than the Navigation. Its much better for the Eyes.

image

As i know there are Users which really like totally Dark Themes, i would also vote for an Dark and Black Theme split

codic12 commented 4 years ago

I really need this, I'm wling to use custom css if anyone knows how (ON the desktop app) the old one looks awesome, any way to use it rn?

abhishekgupta92 commented 4 years ago

Any progress on the black theme? :-)

0lm commented 3 years ago

could we also get the ability to edit the colours ourself? the dark theme, as many said, really is heavy on eyes. the current theme is not really dark theme, but it is black theme. black and white contrast is too strong for eyes. dark would be maybe dark grey? and sepia coloured font? that would be more eye-friendly. A user posted a screnshot of the old riot dark theme here. Would be awesome if you could re-add this again in element, its really eye friendly.

ShadowJonathan commented 2 years ago

From https://github.com/vector-im/element-web/issues/18116; I think the contrast between the background and foreground is a large factor here. Compare the following two;

Image ![image](https://user-images.githubusercontent.com/22740616/126363740-0d476c8d-8786-468a-bda2-70460246e663.png)

With this;

Image ![image](https://user-images.githubusercontent.com/22740616/126363975-82d97d63-f858-4980-842e-7dcfb867faaa.png)

Element currently is nearly pure black (#000000) on pure white (#ffffff), decreasing that contrast a lot would probably help.

Additionally/alternatively; The current theme could be rebranded as a "Pure Black" theme, while a less harsher "grey" theme could be introduced. When GitHub introduced native dark theme switching, it differentiated between its old(?) pure black theme, and a newer greyer theme.