mirror of
https://github.com/go-gitea/gitea.git
synced 2026-11-09 17:37:20 -06:00
bd8fd71bc1
Derive theme colors from a few base colors with `color-mix(in srgb, …)` and make the colorful palette coherent, so custom themes that import a Gitea theme can override a base color and get matching shades. - Every `-light`, `-dark-1` and `-dark-2` shade follows one rule for all hues, fixing dark orange shades copied from the light theme, black shades that barely moved and neon tints - Base colors move at most 4 OKLab units toward a common lightness, the median in dark and red in light, yellow stays unchanged - Text, secondary, console, message, surface and alpha colors derive from their own base, alpha variants now match their names - Added and removed diff colors share one lightness per level in all themes, including colorblind ones - Chart.js and the external render iframe resolve `color-mix()` values to hex through `getComputedStyle` - Remove unused `secondary-dark-12`, `-13`, `shadow-opaque` and `workflow-edge-hover` Fixes: https://github.com/go-gitea/gitea/issues/30160 <img width="880" alt="Components with the largest color changes, dark and light, before and after" src="https://github.com/user-attachments/assets/a9d27636-e3bb-46fa-a3ac-3fec33fd9806" /> <img width="880" alt="All theme colors per family, before and after, unchanged ones dimmed" src="https://github.com/user-attachments/assets/9977dde3-0749-4926-b110-18c0dc31d632" /> --------- Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
20 lines
536 B
CSS
20 lines
536 B
CSS
@import "./theme-gitea-light.css";
|
|
|
|
gitea-theme-meta-info {
|
|
--theme-display-name: "Light";
|
|
--theme-colorblind-type: "red-green";
|
|
--theme-color-scheme: "light";
|
|
}
|
|
|
|
/* red/green colorblind-friendly colors */
|
|
:root {
|
|
--color-diff-added-fg: #0860cc;
|
|
--color-diff-added-linenum-bg: #b6e3ff;
|
|
--color-diff-added-row-bg: #dff5ff;
|
|
--color-diff-added-word-bg: #b6e3ff;
|
|
--color-diff-removed-fg: #a84400;
|
|
--color-diff-removed-linenum-bg: #fad3b0;
|
|
--color-diff-removed-row-bg: #fceee2;
|
|
--color-diff-removed-word-bg: #fad3b0;
|
|
}
|