Replace Fonts

[molschimke2]

Replace fonts by our corporate identity fonts.

[molschimke2]

Also leverage the client-defined primary and secondary color.

[ankitsejwal]

As visible in the screenshot the query editor has an issue with some unwanted white spacing between the cursor and the typed text, this gap increases with increase in line length.

---

Findings:

1. ACE Editor Requirement: ACE editor can only display monospace fonts correctly. When it uses proportional fonts, cursor positioning breaks.
2. Font Inheritance: Space Grotesk (used by Flow.BI) is a proportional font, the ACE editor is inheriting this proportional Google Font from the body element through CSS variables.
3. Character Width Calculation: ACE calculates cursor position based on character width. Proportional fonts have varying character widths, breaking these calculations.

confirmation: ajaxorg/ace#5809

[ankitsejwal]

Added CSS rule to skip non monospace fonts in ACE editor. Rest of the Interface get's the custom fonts.

Read more about usage docs/font-customization.md

# add environment variable
PGWEB_FONT_FAMILY="Space Grotesk, sans-serif"
PGWEB_FONT_SIZE=15px
PGWEB_GOOGLE_FONTS="Space Grotesk:300,400,500,600,700"