Hierarchy visualization in account trees

[mocsa]

Currently, on the Balance Sheet (and similar pages), all account names are formatted the same and if you have an account hierarchy with hundreds of accounts their relationship is difficult to comprehend.

This change makes it easier to get an overview of long and multi-level account trees by using subtle highlights.

What was changed:

• New formatting was added for account level 1 and 2. It was deliberately kept simple. Font size is kept the same, only weight and opacity is changed to visualize the hierarchy. This affects Income Statement, Balance Sheet, and Trial Balance.
• No formatting changes were made at level 3 and below.
• Corrected the transparency of dimmed numbers. They had no sufficient contrast with non-dimmed numbers, so they were made more transparent.
• Weight of numbers was increased to make them more legible and increase contrast between dimmed and non-dimmed numbers.
• Formatting of top-level account names (Equity, Expenses, etc.) was not touched, but in the future they would definitely benefit from changing to a title font, or something like that.

Here is a before and after screenshot: