Please change background color of website to be less hard on the eyes #170

New Issue

GiteaMirror · 2026-02-17T11:51:22-06:00

GiteaMirror commented

2026-02-17 11:51:22 -06:00

Originally created by @c32hedge on GitHub (Apr 7, 2023).

The current hot pink/salmon color is not only a poor contrast with the white text, it's also very hard on the eyes especially given that it takes up most or all of the screen when you first visit the site (https://www.conventionalcommits.org/en/v1.0.0/).

Might I suggest using a more neutral color? And maybe having the colored portion take up less vertical space? After all, a site advocating conventions for making commit messages readable should itself be as readable as possible.

Originally created by @c32hedge on GitHub (Apr 7, 2023). The current hot pink/salmon color is not only a poor contrast with the white text, it's also very hard on the eyes especially given that it takes up most or all of the screen when you first visit the site (https://www.conventionalcommits.org/en/v1.0.0/). Might I suggest using a more neutral color? And maybe having the colored portion take up less vertical space? After all, a site advocating conventions for making commit messages readable should itself be as readable as possible.

GiteaMirror commented

2026-02-17 11:51:23 -06:00

@jenstroeger commented on GitHub (May 14, 2023):

Considering the Web Accessibility Initiative (WAI), perhaps take a look at color contrast checkers like this one.

@jenstroeger commented on GitHub (May 14, 2023): Considering the Web Accessibility Initiative ([WAI](https://www.w3.org/WAI/perspective-videos/contrast/)), perhaps take a look at color contrast checkers like [this one](https://webaim.org/resources/contrastchecker/).

GiteaMirror commented

2026-02-17 11:51:24 -06:00

@Potherca commented on GitHub (Aug 10, 2023):

To give an idea (and save interested parties the effort), using Chrome devtools contrast check

Beside specific classes button.dropdown__label, a.no-style-a, h1.welcome__title, p.welcome__description, a.welcome__action, there are issues with the a, and code tags.

@Potherca commented on GitHub (Aug 10, 2023): To give an idea (and save interested parties the effort), using [Chrome devtools contrast check](https://developer.chrome.com/docs/devtools/accessibility/contrast/) ![image](https://github.com/conventional-commits/conventionalcommits.org/assets/195757/295d23e4-fe18-42e8-8034-72f60518aa7c) Beside specific classes `button.dropdown__label`, `a.no-style-a`, `h1.welcome__title`, `p.welcome__description`, `a.welcome__action`, there are issues with the `a`, and `code` tags.

GiteaMirror commented

2026-02-17 11:51:25 -06:00

@damianopetrungaro commented on GitHub (Aug 10, 2023):

Hey @Potherca @jenstroeger @c32hedge, sorry, I missed this!

Does any of you want to volunteer and open a PR to improve this?
I am open to changing colors!

Before any of you write some code, please, share a palette of colors you are suggesting.

@damianopetrungaro commented on GitHub (Aug 10, 2023): Hey @Potherca @jenstroeger @c32hedge, sorry, I missed this! Does any of you want to volunteer and open a PR to improve this? I am open to changing colors! Before any of you write some code, please, share a palette of colors you are suggesting.

GiteaMirror referenced this issue

2026-02-17 11:59:59 -06:00

[PR #185] [MERGED] feat: reduce ambiguity around footer/body #346

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/conventionalcommits.org#170