Use CSS variables for font-family definition #5224

New Issue

2025-11-02T06:18:25-06:00

GiteaMirror commented

2025-11-02 06:18:25 -06:00

Originally created by @silverwind on GitHub (Apr 11, 2020).

Fonts are currently set by Less variables which cannot be overridden at runtime. I'd propose a method that makes this possible so users can do this both via a custom .css file or even using a userstyle in their browser if they so desire. In our code we would have something like:

:root {
  --fonts-proportional: -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto;
  --fonts-monospace: 'SF Mono', Consolas, Menlo, 'Liberation Mono', Monaco, 'Lucida Console';
  --fonts-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

body {
  font-family: var(--fonts-proportional) var(--fonts-emoji);
}

pre, code {
  font-family: var(--fonts-monospace);
}

A user can then override via:

@font-face {
  font-family: 'Lato';
}

:root {
  --fonts-proportional: Lato;
}

Depends on: https://github.com/go-gitea/gitea/issues/6147

Originally created by @silverwind on GitHub (Apr 11, 2020). Fonts are currently set by Less variables which cannot be overridden at runtime. I'd propose a method that makes this possible so users can do this both via a custom `.css` file or even using a userstyle in their browser if they so desire. In our code we would have something like: ````css :root { --fonts-proportional: -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto; --fonts-monospace: 'SF Mono', Consolas, Menlo, 'Liberation Mono', Monaco, 'Lucida Console'; --fonts-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } body { font-family: var(--fonts-proportional) var(--fonts-emoji); } pre, code { font-family: var(--fonts-monospace); } ```` A user can then override via: ````css @font-face { font-family: 'Lato'; } :root { --fonts-proportional: Lato; } ```` Depends on: https://github.com/go-gitea/gitea/issues/6147

GiteaMirror added the topic/ui type/proposal labels 2025-11-02 06:18:25 -06:00

GiteaMirror closed this issue

2025-11-02 06:18:25 -06:00

GiteaMirror referenced this issue

2025-11-02 15:10:09 -06:00

[PR #5224] [MERGED] Fix data race on migrate repository #17708

GiteaMirror referenced this issue

2025-11-02 15:13:09 -06:00

[PR #5230] [MERGED] fix data race on migrate repository (#5224) #17713

Sign in to join this conversation.