Hacker Read top | best | new | newcomments | leaders | about | bookmarklet login

Another tricky thing is finding a colour set that works against various backgrounds. A ton of people use either black or white backgrounds. Occasionally you come across a different colour (eg: some people use red backgrounds for 'root' or 'production'), but even if you exclude these folks, getting something that works with both black and white backgrounds is a minimum requirement.


sort by: page size:

The main thing is to not pick a saturated color that will clash with anything in the picture/video.

Otherwise, a very light color (white or close to it) or a very dark color (black or close to it) will probably make the picture/video more visible.

FWIW, older users seem to prefer light backgrounds, and younger users seem to prefer dark backgrounds.


Hmm good idea. I haven't had any issue with it but it's trivial to change background colors. Probably not a bad idea. Thanks for the tip!

Using the the background-color #f6f6f9 works well.

You can change the universal background color to anything :D that is just a guide

heck, I'm using a black background nowadays, trying to mimic blackboard color ha


Sorry, I misread your answer. You're right. I automatically assumed setting some background color for which `color: light-dark(white, black);` would be right.

Just a tip: try background without completely black or white backgrounds. something like very dark gray or beige feels way better and also seems to work better with a lot of colors and looking at the screen all day long.

I recommend trying off black or various other dark but soft uniform backgrounds. Black can create a too harsh contrast with icons or maybe my eyes are more sensitive than yours.

> in particular, the background colour

I use this on my computers at work. Its wego and the ONE frustrating thing is you can't change the colors so that they work well with a light background.


Then you should fix your app so it can be used by color-blind users. Aside from that, you should use distinguishable background colors A, B and C specified by the system color theme. It's more likely that its designer has considered accessibility issues than that every single app developer has.

my vision is degrading, and I have never seen a colored output where every color worked on the background color, it's really irritating with dark red error messages on black backgrounds for example because error messages are the kind of thing you really want to read and then I either need to zoom in a lot or in some cases copy the text of the message and put it into a text editor where I can read it.

With that use-pattern, the issue clearly isn't background color.

there are various color options for fonts/tiles/etc (green, orange, cyan, pink, red i believe and maybe 1 more) but the background is either black or white.

Nice in general but really despise the hard-coded white backgrounds in our darkened studios. System colors exist for a reason!

How is this a problem here? As I see it the app uses both white and black backgrounds to help avoid this problem.

Interesting. I stick with default backgrounds (white, usually) but I tend to turn my screen brightness way way down when I'm working... which ends up looking indistinguishable from your screenshot.

is you suggestion that if they had of used 3/4 bit ANSI colors (basic but not high intensity) that you could have remapped "white" to be something that shows up in your white terminal?

That.... works i guess but it's pretty limiting and only helps people who happened to have completely reworked the definitions of basic things like "white" and "black" and "blue" which would result in a completely unpredictable result for the app creator. A much BETTER solution would be for them to set the background color because they've got a UI specifically designed for dark background.


I’ve mostly done that, though some apps use one color for foreground and another for background, where it doesn’t work.

Or you use the extra distinct highlight or background color the system theme specifies.

Easily solved. Just let the user switch between color schemes, rather than impose them all at once.
next

Legal | privacy