From 5db0734a675c1e717d28a0e66690ca0d2f96da02 Mon Sep 17 00:00:00 2001 From: silverwind Date: Mon, 19 Oct 2020 22:01:06 +0200 Subject: [PATCH] Use CSS Variables for fonts, remove postcss-loader (#13204) * Use CSS Variables for fonts, remove postcss-loader - Use CSS variables for fonts, making the fonts easier to customize - Remove postcss-loader, it's not doing anything useful and is actually applying strange transforms on our CSS. Fixes: https://github.com/go-gitea/gitea/issues/11045 * introduce helper variable, mark documented vars * work around case issue by always quoting specific fonts --- doc/advanced/customizing-gitea.en-us.md | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/doc/advanced/customizing-gitea.en-us.md b/doc/advanced/customizing-gitea.en-us.md index 6bc7be4a..474c7274 100644 --- a/doc/advanced/customizing-gitea.en-us.md +++ b/doc/advanced/customizing-gitea.en-us.md @@ -295,3 +295,15 @@ A full list of supported emoji's is at [emoji list](https://gitea.com/gitea/gite As of version 1.6.0 Gitea has built-in themes. The two built-in themes are, the default theme `gitea`, and a dark theme `arc-green`. To change the look of your Gitea install change the value of `DEFAULT_THEME` in the [ui](https://docs.gitea.io/en-us/config-cheat-sheet/#ui-ui) section of `app.ini` to another one of the available options. As of version 1.8.0 Gitea also has per-user themes. The list of themes a user can choose from can be configured with the `THEMES` value in the [ui](https://docs.gitea.io/en-us/config-cheat-sheet/#ui-ui) section of `app.ini` (defaults to `gitea` and `arc-green`, light and dark respectively) + +## Customizing fonts + +Fonts can be customized using CSS variables: + +```css +:root { + --fonts-proportional: /* custom proportional fonts */ !important; + --fonts-monospace: /* custom monospace fonts */ !important; + --fonts-emoji: /* custom emoji fonts */ !important; +} +```