Please return arc-green theme or add a "dimmed" version of the current dark theme, v1.22 dark contrast is unbearable #13126

Open
opened 2025-11-02 10:31:53 -06:00 by GiteaMirror · 17 comments
Owner

Originally created by @yurikus on GitHub (Jun 10, 2024).

Description

v1.22 changed the colors of the dark theme. The new background is almost black and new contrast creates serious eye strain. Please return and support the arc-green theme.

EDIT: If supporting arc-green is not an option as mentioned below by silverwind, please add a "dimmed" version of the current dark theme, with contrast on par with the arc-green of v1.21.

Screenshots

image
image

Gitea Version

1.22

Can you reproduce the bug on the Gitea demo site?

Yes

Operating System

No response

Browser Version

Firefox 126

Originally created by @yurikus on GitHub (Jun 10, 2024). ### Description v1.22 changed the colors of the dark theme. The new background is almost black and new contrast creates serious eye strain. Please return and support the arc-green theme. EDIT: If supporting arc-green is not an option as mentioned below by silverwind, please add a "dimmed" version of the current dark theme, with contrast on par with the arc-green of v1.21. ### Screenshots ![image](https://github.com/go-gitea/gitea/assets/11010776/ddecbc01-321c-4517-a943-19e37dd27dec) ![image](https://github.com/go-gitea/gitea/assets/11010776/4418cc5e-b609-454b-9ac5-788a8acf8d9c) ### Gitea Version 1.22 ### Can you reproduce the bug on the Gitea demo site? Yes ### Operating System _No response_ ### Browser Version Firefox 126
GiteaMirror added the topic/uiissue/workaroundissue/not-a-bug labels 2025-11-02 10:31:54 -06:00
Author
Owner

@silverwind commented on GitHub (Jun 10, 2024):

I don't think we'll be going back to green primary, but a new low-contrast dark theme could be supported, similar to GitHub's "Dark dimmed".

@silverwind commented on GitHub (Jun 10, 2024): I don't think we'll be going back to green primary, but a new low-contrast dark theme could be supported, similar to GitHub's "Dark dimmed".
Author
Owner

@yurikus commented on GitHub (Jun 10, 2024):

Dimmed version would be fine, presently it's unusable for me without dark reader. Using it though has some visual glitches:

Milestones page is half-colored

image

@yurikus commented on GitHub (Jun 10, 2024): Dimmed version would be fine, presently it's unusable for me without dark reader. Using it though has some visual glitches: Milestones page is half-colored ![image](https://github.com/go-gitea/gitea/assets/11010776/175adad5-0c7e-4f2e-925e-25889c98e649)
Author
Owner

@techknowlogick commented on GitHub (Jun 10, 2024):

In case others arrive at this thread, some history around this change, is that the increased contrast was to improve accessibility. Although, a dimmed version is likely possible, as long as it isn't the only option (so folks can choose the option that works the best for them).

@techknowlogick commented on GitHub (Jun 10, 2024): In case others arrive at this thread, some history around this change, is that the increased contrast was to improve accessibility. Although, a dimmed version is likely possible, as long as it isn't the only option (so folks can choose the option that works the best for them).
Author
Owner

@yurikus commented on GitHub (Jun 10, 2024):

a dimmed version is likely possible, as long as it isn't the only option

Let's start with at least one dimmed option as presently there's none and UX worsened.

@yurikus commented on GitHub (Jun 10, 2024): > a dimmed version is likely possible, as long as it isn't the only option Let's start with at least one dimmed option as presently there's none and UX worsened.
Author
Owner

@silverwind commented on GitHub (Jun 10, 2024):

Other users do appreciate the increased contrast, but I guess you can never make it right for everyone.

Also I think https://github.com/go-gitea/gitea/issues/30160 is a dependency if we want to keep our sanity while writing additional themes.

@silverwind commented on GitHub (Jun 10, 2024): Other users do appreciate the increased contrast, but I guess you can never make it right for everyone. Also I think https://github.com/go-gitea/gitea/issues/30160 is a dependency if we want to keep our sanity while writing additional themes.
Author
Owner

@silverwind commented on GitHub (Jun 11, 2024):

Maybe we can actually lighten the backgrounds in dark theme by like 6-12 bits in each color channel. Contrast is still good enough and even tiny changes in dark colors make a big visual difference.

Introducing another dark theme is too problematic imho because in auto theme we can only have one dark theme.

@silverwind commented on GitHub (Jun 11, 2024): Maybe we can actually lighten the backgrounds in dark theme by like 6-12 bits in each color channel. Contrast is still good enough and even tiny changes in dark colors make a big visual difference. Introducing another dark theme is too problematic imho because in auto theme we can only have one dark theme.
Author
Owner

@zc-devs commented on GitHub (Jun 15, 2024):

For return arc-green theme alone, you can put theme-arc-green.css in GITEA_CUSTOM/... directory. Works like a charm for now.
Customizing the look of Gitea.

@zc-devs commented on GitHub (Jun 15, 2024): For `return arc-green theme` alone, you can put [theme-arc-green.css](https://github.com/go-gitea/gitea/raw/release/v1.21/web_src/css/themes/theme-arc-green.css) in `GITEA_CUSTOM/...` directory. Works like a charm for now. [Customizing the look of Gitea](https://docs.gitea.com/administration/customizing-gitea#customizing-the-look-of-gitea).
Author
Owner

@yurikus commented on GitHub (Jun 15, 2024):

For return arc-green theme alone, you can put theme-arc-green.css in GITEA_CUSTOM/... directory. Works like a charm for now. Customizing the look of Gitea.

A short-lived workaround, given that theme is out of support. Thank you regardless.

@yurikus commented on GitHub (Jun 15, 2024): > For `return arc-green theme` alone, you can put [theme-arc-green.css](https://github.com/go-gitea/gitea/raw/release/v1.21/web_src/css/themes/theme-arc-green.css) in `GITEA_CUSTOM/...` directory. Works like a charm for now. [Customizing the look of Gitea](https://docs.gitea.com/administration/customizing-gitea#customizing-the-look-of-gitea). A short-lived workaround, given that theme is out of support. Thank you regardless.
Author
Owner

@silverwind commented on GitHub (Jun 17, 2024):

For return arc-green theme alone, you can put theme-arc-green.css in GITEA_CUSTOM/... directory. Works like a charm for now. Customizing the look of Gitea.

A short-lived workaround, given that theme is out of support. Thank you regardless.

Yes, it may still mostly work for 1.22, but eventually it's bound to break when CSS color variables are added or renamed.

@silverwind commented on GitHub (Jun 17, 2024): > > For `return arc-green theme` alone, you can put [theme-arc-green.css](https://github.com/go-gitea/gitea/raw/release/v1.21/web_src/css/themes/theme-arc-green.css) in `GITEA_CUSTOM/...` directory. Works like a charm for now. [Customizing the look of Gitea](https://docs.gitea.com/administration/customizing-gitea#customizing-the-look-of-gitea). > > A short-lived workaround, given that theme is out of support. Thank you regardless. Yes, it may still mostly work for 1.22, but eventually it's bound to break when CSS color variables are added or renamed.
Author
Owner

@lsd-techno commented on GitHub (Jul 5, 2024):

Here is a temporary workaround for the current version 1.22.1. This includes all variables implemented in the latest theme:

https://github.com/lsd-techno/gitea-theme

@lsd-techno commented on GitHub (Jul 5, 2024): Here is a temporary workaround for the current version 1.22.1. This includes all variables implemented in the latest theme: https://github.com/lsd-techno/gitea-theme
Author
Owner

@FrostKiwi commented on GitHub (Jul 10, 2024):

Here is a temporary workaround for the current version 1.22.1. This includes all variables implemented in the latest theme:

https://github.com/lsd-techno/gitea-theme

Love the arc-green colors.
Unfortunately, using this breaks all Syntax Highlighting.
Broken in Markdown, Broken in the file views 😭

@FrostKiwi commented on GitHub (Jul 10, 2024): > Here is a temporary workaround for the current version 1.22.1. This includes all variables implemented in the latest theme: > > https://github.com/lsd-techno/gitea-theme Love the `arc-green` colors. Unfortunately, using this breaks all Syntax Highlighting. Broken in Markdown, Broken in the file views 😭
Author
Owner

@lsd-techno commented on GitHub (Jul 10, 2024):

Here is a temporary workaround for the current version 1.22.1. This includes all variables implemented in the latest theme:
https://github.com/lsd-techno/gitea-theme

Love the arc-green colors. Unfortunately, using this breaks all Syntax Highlighting. Broken in Markdown, Broken in the file views 😭

Thanks for pointing out, code markup looks much pretty now, but can't see file views problem.
1720627731582
View code files looks good too

@lsd-techno commented on GitHub (Jul 10, 2024): > > Here is a temporary workaround for the current version 1.22.1. This includes all variables implemented in the latest theme: > > https://github.com/lsd-techno/gitea-theme > > Love the `arc-green` colors. Unfortunately, using this breaks all Syntax Highlighting. Broken in Markdown, Broken in the file views 😭 Thanks for pointing out, [code markup looks much pretty now](https://github.com/lsd-techno/gitea-theme/issues/1), ~~but can't see file views problem~~. ![1720627731582](https://github.com/go-gitea/gitea/assets/6795932/1a3fc271-9291-4612-888c-5391aacd4808) View code files [looks good too](https://github.com/lsd-techno/gitea-theme/pull/4)
Author
Owner

@hermannoffen commented on GitHub (Sep 12, 2024):

I'd like to hint to the fact that by changing the color from green to blue, we threw the corporate design under the bus. Should've changed the logo color as well then.

@hermannoffen commented on GitHub (Sep 12, 2024): I'd like to hint to the fact that by changing the color from green to blue, we threw the _corporate design_ under the bus. Should've changed the logo color as well then.
Author
Owner

@QrackEE commented on GitHub (Sep 29, 2024):

I'd like to hint to the fact that by changing the color from green to blue, we threw the corporate design under the bus. Should've changed the logo color as well then.

Agreed - I loved the green-dominant consistent with logotype in grey-ish dark theme; I wish had noticed and raised the voice when PR for theme change was open... Hope our 'cup of tee' doesn't go the blue way, as I much prefer green tea ;)

@QrackEE commented on GitHub (Sep 29, 2024): > I'd like to hint to the fact that by changing the color from green to blue, we threw the _corporate design_ under the bus. Should've changed the logo color as well then. Agreed - I loved the green-dominant consistent with logotype in grey-ish dark theme; I wish had noticed and raised the voice when PR for theme change was open... Hope our 'cup of tee' doesn't go the blue way, as I much prefer green tea ;)
Author
Owner

@24unix commented on GitHub (Dec 3, 2024):

Why was it dropped at all? It was so unique, I miss the green. This blue stuff is so ordinary :-(

@24unix commented on GitHub (Dec 3, 2024): Why was it dropped at all? It was so unique, I miss the green. This blue stuff is so ordinary :-(
Author
Owner

@sahps commented on GitHub (Sep 24, 2025):

Why was it dropped at all? It was so unique, I miss the green. This blue stuff is so ordinary :-(

Absolutely. Gitea is no longer distinguishable from other web clients. Just plain old blue like all others. It is a shame. The old theme should be an option still.

But we can put it back to how it was with custom themes!

I've managed to get the unwanted blue theme disabled on our instance, but even when the default theme is the green one, the logon screen is still blue, can this be changed?

Edit: Nevermind, I must not have restarted the instance following changing the default theme. It works :)

Edit2: I created the new theme by writing a short script. First taking the new and old and creating a mapping of colours from one to the other. Then updating the new theme with the old colours. I have this being run as part of the Dockerfile so it is created during updates.

@sahps commented on GitHub (Sep 24, 2025): > Why was it dropped at all? It was so unique, I miss the green. This blue stuff is so ordinary :-( Absolutely. Gitea is no longer distinguishable from other web clients. Just plain old blue like all others. It is a shame. The old theme should be an option still. But we can put it back to how it was with custom themes! I've managed to get the unwanted blue theme disabled on our instance, but even when the default theme is the green one, the logon screen is still blue, can this be changed? Edit: Nevermind, I must not have restarted the instance following changing the default theme. It works :) Edit2: I created the new theme by writing a short script. First taking the new and old and creating a mapping of colours from one to the other. Then updating the new theme with the old colours. I have this being run as part of the Dockerfile so it is created during updates.
Author
Owner

@lsd-techno commented on GitHub (Sep 24, 2025):

Edit: Nevermind, I must not have restarted the instance following changing the default theme. It works :)

Edit2: I created the new theme by writing a short script. First taking the new and old and creating a mapping of colours from one to the other. Then updating the new theme with the old colours. I have this being run as part of the Dockerfile so it is created during updates.

You need to recreate some folder structure to display file viewer and editor colorized.
I did some description here

@lsd-techno commented on GitHub (Sep 24, 2025): > Edit: Nevermind, I must not have restarted the instance following changing the default theme. It works :) > > Edit2: I created the new theme by writing a short script. First taking the new and old and creating a mapping of colours from one to the other. Then updating the new theme with the old colours. I have this being run as part of the Dockerfile so it is created during updates. You need to recreate some folder structure to display file viewer and editor colorized. I did some description [here](https://github.com/lsd-techno/gitea-theme)
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/gitea#13126