[FIX] resolve confusing colors in languages stats by insert a gap (#27704)

The current language stats are too obsessed with color matching. Similar
colors are always next to each other. It is a bit troublesome to find
the place where the color matching is generated, so just follow the
example of github and add a gap.

## before

<img width="883" alt="image"
src="https://github.com/go-gitea/gitea/assets/12915306/cf54430c-616c-4b37-b561-5a37c20b2d94">

## after

<img width="877" alt="image"
src="https://github.com/go-gitea/gitea/assets/12915306/e518ea36-2b8f-4f11-a867-a58dc393db85">

diff --git a/web_src/css/repo.css b/web_src/css/repo.css
index ae7f6bb37948927e85d487da3237b10575733c2e..c3e230f8e138991998b73cc8738b604aec5935ca 100644 (file)
--- a/web_src/css/repo.css
+++ b/web_src/css/repo.css
@@ -2051,6 +2051,7 @@
 
 .repository .repository-summary .segment.language-stats {
   display: flex;
+  gap: 2px;
   padding: 0;
   height: 10px;
   white-space: nowrap;