serv/forgejo
1
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo.git synced 2024-12-27 22:23:50 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

Improve colors used by colorblind-friendly forgejo themes

Browse source 
I found them to have too little contrast so I tweaked them a bit.
Screenshots and discussion can be found at:
https://codeberg.org/forgejo/forgejo/pulls/1746#issuecomment-2442469

Thanks a lot to @jpkhawam for creating the colorblind themes and for
helping me improving my changes even further! :)
This commit is contained in:
Daniel Gibson 2024-11-24 05:34:08 +01:00 committed by DanielGibson
parent 19bde653c1
commit 4ec627c0b1
4 changed files with 16 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
web_src/css/themes/theme-forgejo-dark-deuteranopia-protanopia.css
View file

@ -1,11 +1,9 @@
@import "./theme-forgejo-dark.css"; @import "./theme-forgejo-dark.css";
:root { :root {
--color-diff-removed-word-bg: #693f17; /* removed rows/words: use red colors from vanilla forgejo-dark */
--color-diff-removed-row-border: #693f17;
--color-diff-removed-row-bg: #221b17;
--color-diff-added-word-bg: #214d88; --color-diff-added-word-bg: #214d88;
--color-diff-added-row-border: #214d88; --color-diff-added-row-border: #214d88;
--color-diff-added-row-bg: #13233a; --color-diff-added-row-bg: #18184f;
--color-code-bg: #0d1117; --color-code-bg: #0d1117;
} }

6
web_src/css/themes/theme-forgejo-dark-tritanopia.css
View file

@ -1,11 +1,9 @@
@import "./theme-forgejo-dark.css"; @import "./theme-forgejo-dark.css";
:root { :root {
--color-diff-removed-word-bg: #792e2e; /* removed rows/words: use red colors from vanilla forgejo-dark */
--color-diff-removed-row-border: #792e2e;
--color-diff-removed-row-bg: #25171c;
--color-diff-added-word-bg: #214d88; --color-diff-added-word-bg: #214d88;
--color-diff-added-row-border: #214d88; --color-diff-added-row-border: #214d88;
--color-diff-added-row-bg: #13233a; --color-diff-added-row-bg: #152846;
--color-code-bg: #0d1117; --color-code-bg: #0d1117;
} }

12
web_src/css/themes/theme-forgejo-light-deuteranopia-protanopia.css
View file

@ -1,11 +1,11 @@
@import "./theme-forgejo-light.css"; @import "./theme-forgejo-light.css";
:root { :root {
--color-diff-removed-word-bg: #ffdbb0; --color-diff-removed-word-bg: #c8c850;
--color-diff-removed-row-border: #ffdbb0; --color-diff-removed-row-border: #c8c850;
--color-diff-removed-row-bg: #fffaf3; --color-diff-removed-row-bg: #ffecc4;
--color-diff-added-word-bg: #b1dbff; --color-diff-added-word-bg: #b8c0ff;
--color-diff-added-row-border: #b1dbff; --color-diff-added-row-border: #b8c0ff;
--color-diff-added-row-bg: #eef9ff; --color-diff-added-row-bg: #e0e0ff;
--color-code-bg: #ffffff; --color-code-bg: #ffffff;
} }

12
web_src/css/themes/theme-forgejo-light-tritanopia.css
View file

@ -1,11 +1,11 @@
@import "./theme-forgejo-light.css"; @import "./theme-forgejo-light.css";
:root { :root {
--color-diff-removed-word-bg: #ffd0ce; --color-diff-removed-word-bg: #ffb8c0;
--color-diff-removed-row-border: #ffd0ce; --color-diff-removed-row-border: #ffb8c0;
--color-diff-removed-row-bg: #fff5f4; --color-diff-removed-row-bg: #ffd8d8;
--color-diff-added-word-bg: #b1dbff; --color-diff-added-word-bg: #b8c0ff;
--color-diff-added-row-border: #eef9ff; --color-diff-added-row-border: #b8c0ff;
--color-diff-added-row-bg: #eef9ff; --color-diff-added-row-bg: #c0e8ff;
--color-code-bg: #ffffff; --color-code-bg: #ffffff;
} }