diff options
| author | silverwind <me@silverwind.io> | 2020-10-19 22:01:06 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-10-19 16:01:06 -0400 |
| commit | 3ddf3f93d6346ac9440a7a571faea4b5c1c329be (patch) | |
| tree | 2bf7348498659d923ce28a25eb1ce80f2944a0ad /docs | |
| parent | d67172b1360017d9ddbbef0c44e46633e41a856b (diff) | |
| download | gitea-3ddf3f93d6346ac9440a7a571faea4b5c1c329be.tar.gz gitea-3ddf3f93d6346ac9440a7a571faea4b5c1c329be.zip | |
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
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/content/doc/advanced/customizing-gitea.en-us.md | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/docs/content/doc/advanced/customizing-gitea.en-us.md b/docs/content/doc/advanced/customizing-gitea.en-us.md index 6bc7be4ad0..474c7274eb 100644 --- a/docs/content/doc/advanced/customizing-gitea.en-us.md +++ b/docs/content/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; +} +``` |