Tweak repo header (go-gitea#29134)

- Tweak colors, remove link color from repo name and make text use
inherited color
- Downsize repo icon from 32px to 24px

Before:
<img width="255" alt="Screenshot 2024-02-11 at 15 31 00"
src="https://github.com/go-gitea/gitea/assets/115237/f65c1d02-d8a3-4171-ad3d-4c95871fb2ba">

After:
<img width="260" alt="Screenshot 2024-02-11 at 15 30 48"
src="https://github.com/go-gitea/gitea/assets/115237/a9b25b56-8d3f-4910-af60-2513d44f6d81">

---------

Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>

templates/repo/header.tmpl

@@ -5,9 +5,9 @@
  <div class="flex-item gt-ac">
  <div class="flex-item-leading">{{template "repo/icon" .}}</div>
  <div class="flex-item-main">
- <div class="flex-item-title">
- <a class="text light thin" href="{{.Owner.HomeLink}}">{{.Owner.Name}}</a>/
- <a class="text primary" href="{{$.RepoLink}}">{{.Name}}</a></div>
+ <div class="flex-item-title gt-font-18">
+ <a class="muted gt-font-normal" href="{{.Owner.HomeLink}}">{{.Owner.Name}}</a>/
+ <a class="muted" href="{{$.RepoLink}}">{{.Name}}</a></div>
  </div>
  <div class="flex-item-trailing">
  {{if .IsArchived}}

templates/repo/icon.tmpl

@@ -1,10 +1,10 @@
 {{$avatarLink := (.RelAvatarLink ctx)}}
 {{if $avatarLink}}
- <img class="ui avatar gt-vm" src="{{$avatarLink}}" width="32" height="32" alt="{{.FullName}}">
+ <img class="ui avatar gt-vm" src="{{$avatarLink}}" width="24" height="24" alt="{{.FullName}}">
 {{else if $.IsMirror}}
- {{svg "octicon-mirror" 32}}
+ {{svg "octicon-mirror" 24}}
 {{else if $.IsFork}}
- {{svg "octicon-repo-forked" 32}}
+ {{svg "octicon-repo-forked" 24}}
 {{else}}
- {{svg "octicon-repo" 32}}
+ {{svg "octicon-repo" 24}}
 {{end}}