Improved table design - Githubissues

vii33 commented 2 years ago

Hi, based on issue 26 I updated the table design.

Design principles:

Tables should not stand out too much from existing text, therefore no bright colors.
In contrast to issue 26 I chose not to color-highlight the complete table, but went for a alternate-row design. This improves readability within large tables without the need of mouse hover.
I tried to reuse as much existing colors as possible. This did not work out for the row backgrounds, though. Reason being that the brightness steps between e.g. dark1 and dark2 are quite big, this would lead to very "flashy" table colors (see also negative example image below). Are more sublte color grading was needed: Using the base colors "dark0" and "light2" I chose +2% brightness for odd rows and -2% percent for even rows. Headers got -4% brightness in dark mode, and -40% in light mode (otherwise having contast issues with font color).

Light Theme: Original | New theme-light

Dark Theme: Original | New theme-dark

Negative example why using dark1 & dark2 as bg-colors is not advised (table stands out too much): theme-existing-colors

vii33 commented 2 years ago

@insanum : Any updates on the pull request?

insanum commented 2 years ago

This is great. Thank you!

insanum / obsidian_nord