loading up the forgejo repo on tangled to test page performance
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
+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
+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
+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
+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
}