Yaru: Selected text is hardly readable in the dark theme

Created on 31 May 2018  ·  14Comments  ·  Source: ubuntu/yaru

Because the text color of the darktheme is bright, the light blue makes selected text very hard to read in the dark theme:

image

First ideas:

A) $text_selection: if($variant == 'light',#C4E4F0, lighten($blue,10%));

image

B) $text_selection: if($variant == 'light',#C4E4F0, $blue);

image

@madsrh @luxamman @clobrano
Any other ideas?

Enhancement

Most helpful comment

Test selection should be dark, it's a mistake from last PR

All 14 comments

Test selection should be dark, it's a mistake from last PR

image

Ah, okay changing text-color would be an option, too. So I change this locally in %selected_text, alrighty? Because globally wouldn't make much sense, because the global dark text color is light, and the global light text color is dark :O

%selected_text {
$c: $text_selection;
$tc: if($variant==light,$text_color,#2D2D2D);
background-color: $c;
color: $tc;

image

Or maybe :
screenshot from 2018-05-31 22-21-19
Even better #3f3c40

Okeee. Talking about text-color. Light theme backdrop text color looks a bit weird, too:
fatsandfatso

Any preferences? @madsrh @clobrano

@Feichtmeier well, it depends on if we still want to follow the overlay/multiply idea? Then it should become darker. Below I've made the text slightly lighter, but my first thought was the the background color should turn gray

For the light theme :
screenshot from 2018-05-31 22-46-25
Agree with @madsrh but goes a bit lighter
IMO, the dark theme should not use blue.

yolf
olft

@madsrh okee?

@clobrano I can't change it here:
$backdrop_selected_fg_color: ...
Because that changes many other stuff.
So I change it here, oke?
```
%selected_text {
$c: $text_selection;
$tc: if($variant==light,$text_color,#2D2D2D);
background-color: $c;
color: $tc;

&:disabled { color: mix($tc, $c, 50%); }

&:backdrop {
background-color: _backdrop_color($c);
color: $slate;//$backdrop_selected_fg_color;

&:disabled { color: mix($backdrop_selected_fg_color, $c, 30%); }

}
}

@Feichtmeier I can't see that the blue selection color changes in the light version. Shouldn't it just a tiny tiny bit darker/lighter?

And the blue color in the dark version is IMO too much. A more subtle change would be good (also for the text).

5dark
5light

Sorry, I'll be afk for a couple of days

Looks good.

I'm a little in doubt if the dark theme shouldn't become darker anyway 🤦‍♂️ Doesn't it steal too much focus currently in backdrop? 🤔

That's what I thought too! The dark theme does not work like the light theme!
Okay, so I could start off with the text backdrop and use other issues/PR for the rest of the backdrop?

seltextlight
seltextdark

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Feichtmeier picture Feichtmeier  ·  3Comments

YamiYukiSenpai picture YamiYukiSenpai  ·  3Comments

mivoligo picture mivoligo  ·  3Comments

Feichtmeier picture Feichtmeier  ·  3Comments

Feichtmeier picture Feichtmeier  ·  3Comments