Add custom colors

[aalaap]

The number of colors offered by the app is very low. I've been trying to match the color of the item with the color of the app being tracked (for eg. Netflix, Spotify, MUBI, etc.)—which isn't the intended use, I know—but I'm sure there are others that would like further customizability.

I'd like to see either more colors, or a custom color option with a color picker for really picky users, like myself.

[DennisBauer]

I also wanted to do that in the first place, the problem I had with doing this is that a single color didn't work properly for light and dark theme at the same time. Which means you'll need to update your color when you switch to the light theme as it will probably not look that nice.
Another reason of using the predefined colors was to have a unified color palette where all colors had the same intensity and kind of fit together.
That doesn't mean I'm against adding custom colors, those were just some downsides I thought about.

Going further with more colors I would also consider combining colors and categories / groups (#364), where each color represents a specific category or label.

[aalaap]

This is true. I'm pleased with the attention to UX and accessibility!

Take a look at Tailwind CSS' colors. These are handpicked, available in various intensities and go well with both light and dark mode backgrounds. You may be able to find colors easily using these as a base.

The idea of combining colors and categories did occur to me and I was initially going to make a single issue for both, but I made separate ones so they could be discussed in detail!

[DennisBauer]

I was using a similar calculation creating the current colors available. So what you mainly ask for is not having custom colors but rather more predefined colors available? I can have another look, but it is not that easy to have colors with similar intensity fitting well together, while still being differentiable well enough to not look too similar.

[aalaap]

At first, I was thinking about just a color picker to let me set whatever color I want, but after hearing your concern about the contrast and compatibility, I figured the next best thing would be more pre-defined colors and intensities and that's what the Tailwind CSS pallette provides. Those colors come in 10 different intensities each and are all designed to very well with each other, which might be perfect for this use case.

[DennisBauer]

Get it, so you would suggest adding all of them in all different intensities. Right now all the colors I've added have the same intensity. Yes I think that could work. Let me think about this.