Docs: Potential color theme tweaks

[pat-s]

In my opinion the red-coloured code text is quite dominant and a bit too large.

I've taken a stab and aligned the text theming to GitHub ones.

Please 👍/👎 if you would like to see a change.

Changes

• Reduced font size from 0.875em to 0.85em
• Added border-radius: 6px;
• Changed padding from 0.25em 0.5em 0.25em; to .2em .4em;
• Set font color to #24292e;

Current

New

Navbar background: #f4f4f4

Link color

Another change, which could maybe be discussed separately, is the link color.
Here I also think that (#528321`) is actually more pleasant to the eyes than the current one.

Here's a preview of the proposed change:

---

pull: https://gitea.com/gitea/theme/pulls/95

[zeripath]

Whilst I agree that the red colour at present is a bit glaring I think your change is too dark. Have you tried a dark burgundy?

[silverwind]

Looking good. As for green, I suggest #609926 which is also used in the gitea logo.

[silverwind]

#148f77 on #ffffff is 4.01:1 contrast ratio (current)
#609926 on #ffffff is 3.45:1 contrast ratio
#2ea44f on #ffffff is 3.21:1 contrast ratio

Both new colors fail the WCAG AA requirement, to pass that it'd have to be at least 4.5 ratio, for example #528321.

[pat-s]

Ok, here's the next try

code {
    background-color: #ecf0f1;
    color: black;
    font-size: 0.85em;
    font-weight: normal;
    padding: .2em .4em;
    border-radius: 6px;
}

Also the body font is black here and the background #ecf0f1.

The green tone is #528321.

[silverwind]

I like it except the blueish header which seems a bit out of place but I see that color is also used on the frontpage, so it's a more involved change. Also, I would not use black body text because it seems to harsh of a color against white, maybe #333 instead.

[pat-s]

I also do not like the blue. I could think of a general recoloring using a greyish tone and #528321 (maybe the green tone of the gitea logo to stay consistent).

Main page

Navbar background: #f4f4f4

Docs

With #333 as the body font and #f8f8f8 as the navbar background.

[silverwind]

Looks great imho :)

[6543]

did you update the issue description screenshots with the current look @pat-s ?

[pat-s]

No, the current looks can be seen in the last comment which contains screenshots. Otherwise some comments would not make sense anymore which refer to the first proposals.

[6543]

will update it then :)

[6543]

@silverwind will need review at https://gitea.com/gitea/theme/pulls/95 :)

[silverwind]

PR is merged, but it does not seem to be live yet.

[techknowlogick]

@silverwind that's my bad, I hadn't updated CI secrets so it didn't publish. I've resolved that and next PR merged to this repo will update theme.

[pat-s]

Thanks!

I was expecting the theme change to apply to all sites, albeit only the docs were updated. Might need to look again.

[techknowlogick]

@pat-s Docs are our only site that gets update frequently, although I had run the website CI too https://gitea.io/en-us/ I'll rebuild blogs as well.