Increase Accessbilty/Contrast in dark theme #3214

New Issue

GiteaMirror · 2025-11-02T05:04:06-06:00

GiteaMirror commented

2025-11-02 05:04:06 -06:00

Originally created by @xf- on GitHub (Apr 19, 2019).

Description

The contrast between background and font is low in dark theme. It is really exhausting using it. Depending on display/backlight and also features like "Low Blue Light" make sometimes hard to read the content. Compared to other dark themes the background is bright and font gray.
I like dark themes like YouTube or KDE breeze dark skin.

My suggestion wold be Lighthouse accessibility tool to test color contrast.

https://github.com/GoogleChrome/lighthouse/
Also used in Google insight

Originally created by @xf- on GitHub (Apr 19, 2019). ## Description The contrast between background and font is low in dark theme. It is really exhausting using it. Depending on display/backlight and also features like "Low Blue Light" make sometimes hard to read the content. Compared to other dark themes the background is bright and font gray. I like dark themes like YouTube or KDE breeze dark skin. My suggestion wold be Lighthouse accessibility tool to test color contrast. ![image](https://user-images.githubusercontent.com/1295633/56446312-4ded6a00-6302-11e9-8641-a1a5761a8a9a.png) https://github.com/GoogleChrome/lighthouse/ Also used in Google insight

GiteaMirror added the topic/ui issue/confirmed issue/needs-feedback labels 2025-11-02 05:04:06 -06:00

GiteaMirror closed this issue

2025-11-02 05:04:06 -06:00

GiteaMirror commented

2025-11-02 05:04:06 -06:00

@stale[bot] commented on GitHub (Jun 24, 2019):

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs during the next 2 weeks. Thank you for your contributions.

@stale[bot] commented on GitHub (Jun 24, 2019): This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs during the next 2 weeks. Thank you for your contributions.

GiteaMirror commented

2025-11-02 05:04:06 -06:00

@xf- commented on GitHub (Jun 25, 2019):

Should be improved @bot :P

@xf- commented on GitHub (Jun 25, 2019): Should be improved @bot :P

GiteaMirror commented

2025-11-02 05:04:07 -06:00

@BNolet commented on GitHub (Jul 31, 2019):

As well, here:

@BNolet commented on GitHub (Jul 31, 2019): As well, here: ![image](https://user-images.githubusercontent.com/10198484/62176428-6f052400-b30f-11e9-990a-94f972542159.png)

GiteaMirror commented

2025-11-02 05:04:07 -06:00

@Jieiku commented on GitHub (Apr 13, 2022):

I actually had some issues reading with the current contrast, so I made a new theme yesterday.
I may make more small tweaks as I notice other contrast issues.

https://github.com/Jieiku/theme-dark-arc-gitea

@Jieiku commented on GitHub (Apr 13, 2022): I actually had some issues reading with the current contrast, so I made a new theme yesterday. I may make more small tweaks as I notice other contrast issues. https://github.com/Jieiku/theme-dark-arc-gitea

GiteaMirror commented

2025-11-02 05:04:07 -06:00

@Ryuno-Ki commented on GitHub (Jun 5, 2022):

@silverwind Would you be able to help me the source for the arc-green theme? As in: where did you find the values for the Less file?

73382d2132/web_src/less/themes/theme-arc-green.less

I noticed that the file is around for a long time, but you seem to have the most familiarity with it.

KDE Breeze Dark colour palette is defined in https://develop.kde.org/hig/style/color/dark/

@Ryuno-Ki commented on GitHub (Jun 5, 2022): @silverwind Would you be able to help me the source for the arc-green theme? As in: where did you find the values for the Less file? https://github.com/go-gitea/gitea/blob/73382d2132f8f242245d83f66c92761e0b477b91/web_src/less/themes/theme-arc-green.less I noticed that the file is around for a long time, but you seem to have the most familiarity with it. KDE Breeze Dark colour palette is defined in https://develop.kde.org/hig/style/color/dark/

GiteaMirror commented

2025-11-02 05:04:07 -06:00

@Ryuno-Ki commented on GitHub (Jun 16, 2022):

@TTWNO We touched the topic on Matrix before. Do you have ideas here?

@Ryuno-Ki commented on GitHub (Jun 16, 2022): @TTWNO We touched the topic on Matrix before. Do you have ideas here?

GiteaMirror commented

2025-11-02 05:04:07 -06:00

@HubKing commented on GitHub (Nov 17, 2022):

I hate that most dark themes (not just Gitea) are low-contrast. I don't know; maybe other people like it that way, but low-contrast dark themes defeat the purpose of dark theme. The background is still bright hurting my eyes, and the text is too dark to read when my monitor is set to the minimum brightness. To read the text, I would have to increase the monitor brightness, further scorching my eyes.

Can't you just add another in-built theme, "high-contrast dark"? Refer to IntelliJ (Android Studio or any similar IDE).

@HubKing commented on GitHub (Nov 17, 2022): I hate that most dark themes (not just Gitea) are low-contrast. I don't know; maybe other people like it that way, but low-contrast dark themes defeat the purpose of dark theme. The background is still bright hurting my eyes, and the text is too dark to read when my monitor is set to the minimum brightness. To read the text, I would have to increase the monitor brightness, further scorching my eyes. Can't you just add another in-built theme, "high-contrast dark"? Refer to IntelliJ (Android Studio or any similar IDE). ![image](https://blog.jetbrains.com/wp-content/uploads/2018/10/idea-HighContrastTheme.png)

GiteaMirror commented

2025-11-02 05:04:08 -06:00

@silverwind commented on GitHub (Nov 18, 2022):

I plan to make a proper dark theme now that all colors are in CSS variables. After that is done, we can talk about high-contrast themes that would probably build on the default light/dark themes.

@silverwind commented on GitHub (Nov 18, 2022): I plan to make a proper dark theme now that all colors are in CSS variables. After that is done, we can talk about high-contrast themes that would probably build on the default light/dark themes.

GiteaMirror commented

2025-11-02 05:04:08 -06:00

@wxiaoguang commented on GitHub (Apr 25, 2023):

The dark theme has changed a lot, I guess this issue could be closed?

@wxiaoguang commented on GitHub (Apr 25, 2023): The dark theme has changed a lot, I guess this issue could be closed?

GiteaMirror commented

2025-11-02 05:04:08 -06:00

@silverwind commented on GitHub (Apr 25, 2023):

Yes, I think current dark theme has enough contrast. I have not ran WCAG on it yet, but I assume it'll be close to passing those tests.

Proper "black" theme I would still like to do but we need infrastructure to support multiple dark/light themes in backend.

@silverwind commented on GitHub (Apr 25, 2023): Yes, I think current dark theme has enough contrast. I have not ran WCAG on it yet, but I assume it'll be close to passing those tests. Proper "black" theme I would still like to do but we need infrastructure to support multiple dark/light themes in backend.

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/gitea#3214