Make UI font, text font, etc togglable

[DutchPete]

At the moment the font families are hard coded, i.e. cannot be overridden by a CSS snippet, as we discussed here. My request is to make them togglable, or alternatively hook Origami into Style Settings and allow people to set the font of their liking.

[damiankorcz]

Hi @7368697661, In case you didn't know, you can use the following variables instead of the ones you currently have in the theme so that they overwrite the default fonts used but if a user sets a different font in the Appearance tab in Settings your fonts can still be overwritten.

--font-interface-theme
--font-text-theme
--font-monospace-theme

Obviously, the ones you have for headers and titles you'd need to provide a toggle in Style Settings to disable your overwrite since those are custom. Or you can have users overwrite those separately in CSS snippets (would also be possible for the other ones you have setup but since there is a native UI way I'd probably stick to that).

[DutchPete]

Presumably, your comment relates to Origami, whereas mine relates to Newt.