Fixing dull background colors in dark mode

[Alan71]

Since 0.43.x, colors have been changed and are particularly dull in dark mode.

I did revert this using custom css. See this thread on how to do this:

Tutorial of custom css

Anytype introduced custom css in version 0.38.0, but they seem to have not made much publicity about it, so I write a short tutorial about it here. 2024-03-13: How to change icon Where To use custom css, you first need to enter the work directory of anytype. [File -> Show Work Directory] Then create a file called custom.css here. [custom.css] How In order to take into beginners, many methods in this article are not best practices. If you understand CSS, you can likely skip most of the …

I used this commit to find out what colors were: JS-5406: fix · anyproto/anytype-ts@3b033d4 · GitHub

Here’s the stylesheet used:

html.themeDark {
    .bgColor-grey { background: var(--color-shape-secondary) !important; }
    .bgColor-yellow { background: #423c00 !important; }
    .bgColor-orange { background: #483308 !important; }
    .bgColor-red { background: #6b2109 !important; }
    .bgColor-pink { background: #6f124f !important; }
    .bgColor-purple { background: #5b2171 !important; }
    .bgColor-blue { background: #00349a !important; }
    .bgColor-ice { background: #044062 !important; }
    .bgColor-teal { background: #02443e !important; }
    .bgColor-lime { background: #214307 !important; }
}