New Issue

Few color tweaks for the new dark theme #50

Closed

opened by mray · 2 comments

mray commented

Collaborator

The current dark theme seems to be a quick adaption that could need many more refinements, here are the three most important issues I spotted that could need fixing:

1. change header colors, too (currently not affected)
2. tone down primary and secondary colors
3. use colors from the palette for key interactions

1.

I added a proposal for the menu header colors in the overview below.

2.

I propose colors like #061c2a and #050c10 to be used as primary colors to tone down the relative strong saturation and contrast of the main colors. As a comparison you can see github(gh) and gitlab(gl) main colors in dark mode, and codeberg

3.

Key buttons still apply colors from the previous theme, instead of the codeberg palette.

overview

The current dark theme seems to be a quick adaption that could need many more refinements, here are the three most important issues I spotted that could need fixing: - [ ] 1. change header colors, too (currently not affected) - [ ] 2. tone down primary and secondary colors - [ ] 3. use colors from the palette for key interactions --- ### 1. I added a proposal for the menu header colors in the overview below. ![image](/attachments/da3afd8a-ad3f-41f3-8263-d06331719f95) --- ### 2. I propose colors like #061c2a and #050c10 to be used as primary colors to tone down the relative strong saturation and contrast of the main colors. As a comparison you can see github(gh) and gitlab(gl) main colors in dark mode, and codeberg ![image](/attachments/f43a5e5b-8cc3-44a0-8923-90375f91a255) --- ### 3. Key buttons still apply colors from the previous theme, instead of the [codeberg palette](https://codeberg.org/Codeberg/Design/wiki/Palette). ![image](/attachments/5f51fbce-e220-401f-8616-2f54948ed56c) # overview ![image](/attachments/b5d4506d-40fe-435d-815f-0f4f02562a82)

image.png

8.9 KiB

image.png

8.1 KiB

image.png

194 KiB

image.png

17 KiB

👍 2

mray referenced this issue from Codeberg/Community

Move Codeberg CSS (navbar) to default theme #392

mray added the

Priority: High

label

mray closed this issue

fnetX referenced this issue from Codeberg/Community

Codeberg Dark link color is slightly too hard to read, accessibility problem? #751

fnetX commented

Owner

I still want this to be solved some day :)

fnetX reopened this issue

mray commented

Poster

Collaborator

Codeberg/gitea#42

Let us not stand in the way of the few things that actually do happen - there is just no place for suggestions.

I wanted this, too. Half a year ago I suggested the changes above as low hanging fruits – in case anybody touches colors. Just as a bare minimum, as I expect things to go slow. But what was it worth compared to a merge request from last week? https://codeberg.org/Codeberg/gitea/pulls/42 Let us not stand in the way of the few things that *actually do happen* - there is just no place for suggestions.

mray closed this issue