diff options
| author | wxiaoguang <wxiaoguang@gmail.com> | 2024-04-24 00:18:41 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-04-24 00:18:41 +0800 |
| commit | b79e3db264e5734d8cc038be898d45186b3afcbd (patch) | |
| tree | 792a169c1504bcda5d967ffc029b8cbd2f619e93 /web_src | |
| parent | dd2aaadce3ecd3134a1ba0c82c5aaa05d6c11b2b (diff) | |
| download | gitea-b79e3db264e5734d8cc038be898d45186b3afcbd.tar.gz gitea-b79e3db264e5734d8cc038be898d45186b3afcbd.zip | |
Initial support for colorblindness-friendly themes (#30625)
Initial support for #25680
This PR only adds some simple styles from GitHub, it is big enough and
it focuses on adding the necessary framework-level supports. More styles
could be fine-tuned later.
Diffstat (limited to 'web_src')
| -rw-r--r-- | web_src/css/themes/theme-gitea-dark-protanopia-deuteranopia.css | 11 | ||||
| -rw-r--r-- | web_src/css/themes/theme-gitea-light-protanopia-deuteranopia.css | 11 |
2 files changed, 22 insertions, 0 deletions
diff --git a/web_src/css/themes/theme-gitea-dark-protanopia-deuteranopia.css b/web_src/css/themes/theme-gitea-dark-protanopia-deuteranopia.css new file mode 100644 index 0000000000..681aa3b539 --- /dev/null +++ b/web_src/css/themes/theme-gitea-dark-protanopia-deuteranopia.css @@ -0,0 +1,11 @@ +@import "./theme-gitea-dark.css"; + +/* red/green colorblind-friendly colors */ +/* from GitHub: --diffBlob-addition-*, --diffBlob-deletion-*, etc */ +:root { + --color-diff-added-word-bg: #388bfd66; + --color-diff-added-row-bg: #388bfd26; + + --color-diff-removed-word-bg: #db6d2866; + --color-diff-removed-row-bg: #db6d2826; +} diff --git a/web_src/css/themes/theme-gitea-light-protanopia-deuteranopia.css b/web_src/css/themes/theme-gitea-light-protanopia-deuteranopia.css new file mode 100644 index 0000000000..7e03d90f5c --- /dev/null +++ b/web_src/css/themes/theme-gitea-light-protanopia-deuteranopia.css @@ -0,0 +1,11 @@ +@import "./theme-gitea-light.css"; + +/* red/green colorblind-friendly colors */ +/* from GitHub: --diffBlob-addition-*, --diffBlob-deletion-*, etc */ +:root { + --color-diff-added-word-bg: #54aeff66; + --color-diff-added-row-bg: #ddf4ff80; + + --color-diff-removed-word-bg: #ffb77c80; + --color-diff-removed-row-bg: #fff1e580; +} |