SilentNotes icon indicating copy to clipboard operation
SilentNotes copied to clipboard

Font color for links...

Open volker001 opened this issue 1 year ago • 2 comments

The font color of the links is not easy to read and too pale in relation to the normal text. The link colors and the color of the normal text should be more balanced for better reading.

volker001 avatar Dec 17 '24 23:12 volker001

Thank you for the suggestion. I'm open for improved colors, if you are interested, I can describe what properties a color should have. The current colors for links are:

  • for notes with a light background: rgba(70, 130, 180, 0.80)
  • for notes with a dark background: rgba(173, 216, 230, 0.90)
  1. A new color must be well visible on all available background colors.
  2. It should harmonise with the title color so that the overall impression is not too fancy. Current title color light: rgba(70, 130, 180, 1) and dark: rgba(173, 216, 230, 1)
  3. The last of the 4 parts is the transparency (0-1), by finding a good transparency the font color adapts a bit to the current background color and gets a similar tint.

martinstoeckli avatar Dec 18 '24 18:12 martinstoeckli

Thank you for the app.

I assume that the normal text is real black.

for light background: for example: rgb(0, 121, 200).

... well visible on all available background colors: When changing to a darker color, for example to red, (or all the colors in in your last line in the color-table), the normal text switch to white, then the Link color must also switch.

What is the background color in dark mode? 40,48,48 ?

then for example: rgb(195, 231, 255);

It is difficult for me to compare the actual color ratios. I do this on the PC in html. The colors can of course be slightly different on the devices.


a few more suggestions ...

Icon Color for Pin: The icon for pinned notes should not be red (this is a warning color).

volker001 avatar Dec 18 '24 20:12 volker001