From 363b5f0b595df4c703d80878d2f2a1bafd647291 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Thu, 15 Feb 2024 17:52:21 +0100
Subject: [PATCH] Tweak repo header (#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 | 6 +++---
templates/repo/icon.tmpl | 8 ++++----
2 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/templates/repo/header.tmpl b/templates/repo/header.tmpl
index 93102467cc..3e27d963bb 100644
--- a/templates/repo/header.tmpl
+++ b/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}}
diff --git a/templates/repo/icon.tmpl b/templates/repo/icon.tmpl
index 5a80b959d0..a001f81891 100644
--- a/templates/repo/icon.tmpl
+++ b/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}}