loading up the forgejo repo on tangled to test page performance
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Improve colors used by colorblind-friendly forgejo themes

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! :)

authored by

Daniel Gibson and committed by
DanielGibson
4ec627c0 19bde653

+16 -20
+2 -4
web_src/css/themes/theme-forgejo-dark-deuteranopia-protanopia.css
··· 1 1 @import "./theme-forgejo-dark.css"; 2 2 3 3 :root { 4 - --color-diff-removed-word-bg: #693f17; 5 - --color-diff-removed-row-border: #693f17; 6 - --color-diff-removed-row-bg: #221b17; 4 + /* removed rows/words: use red colors from vanilla forgejo-dark */ 7 5 --color-diff-added-word-bg: #214d88; 8 6 --color-diff-added-row-border: #214d88; 9 - --color-diff-added-row-bg: #13233a; 7 + --color-diff-added-row-bg: #18184f; 10 8 --color-code-bg: #0d1117; 11 9 }
+2 -4
web_src/css/themes/theme-forgejo-dark-tritanopia.css
··· 1 1 @import "./theme-forgejo-dark.css"; 2 2 3 3 :root { 4 - --color-diff-removed-word-bg: #792e2e; 5 - --color-diff-removed-row-border: #792e2e; 6 - --color-diff-removed-row-bg: #25171c; 4 + /* removed rows/words: use red colors from vanilla forgejo-dark */ 7 5 --color-diff-added-word-bg: #214d88; 8 6 --color-diff-added-row-border: #214d88; 9 - --color-diff-added-row-bg: #13233a; 7 + --color-diff-added-row-bg: #152846; 10 8 --color-code-bg: #0d1117; 11 9 }
+6 -6
web_src/css/themes/theme-forgejo-light-deuteranopia-protanopia.css
··· 1 1 @import "./theme-forgejo-light.css"; 2 2 3 3 :root { 4 - --color-diff-removed-word-bg: #ffdbb0; 5 - --color-diff-removed-row-border: #ffdbb0; 6 - --color-diff-removed-row-bg: #fffaf3; 7 - --color-diff-added-word-bg: #b1dbff; 8 - --color-diff-added-row-border: #b1dbff; 9 - --color-diff-added-row-bg: #eef9ff; 4 + --color-diff-removed-word-bg: #c8c850; 5 + --color-diff-removed-row-border: #c8c850; 6 + --color-diff-removed-row-bg: #ffecc4; 7 + --color-diff-added-word-bg: #b8c0ff; 8 + --color-diff-added-row-border: #b8c0ff; 9 + --color-diff-added-row-bg: #e0e0ff; 10 10 --color-code-bg: #ffffff; 11 11 }
+6 -6
web_src/css/themes/theme-forgejo-light-tritanopia.css
··· 1 1 @import "./theme-forgejo-light.css"; 2 2 3 3 :root { 4 - --color-diff-removed-word-bg: #ffd0ce; 5 - --color-diff-removed-row-border: #ffd0ce; 6 - --color-diff-removed-row-bg: #fff5f4; 7 - --color-diff-added-word-bg: #b1dbff; 8 - --color-diff-added-row-border: #eef9ff; 9 - --color-diff-added-row-bg: #eef9ff; 4 + --color-diff-removed-word-bg: #ffb8c0; 5 + --color-diff-removed-row-border: #ffb8c0; 6 + --color-diff-removed-row-bg: #ffd8d8; 7 + --color-diff-added-word-bg: #b8c0ff; 8 + --color-diff-added-row-border: #b8c0ff; 9 + --color-diff-added-row-bg: #c0e8ff; 10 10 --color-code-bg: #ffffff; 11 11 }