From 993178b45f9e99115cd0833c0e02354b35ac6f75 Mon Sep 17 00:00:00 2001
From: Giteabot <teabot@gitea.io>
Date: Sat, 21 Oct 2023 02:04:44 +0800
Subject: [PATCH] [FIX] resolve confusing colors in languages stats by insert a
 gap (#27704) (#27715)

Backport #27704 by @RightFS

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">

Co-authored-by: MrDevil <Right.Sun@outlook.com>
---
 web_src/css/repo.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web_src/css/repo.css b/web_src/css/repo.css
index fdab04cdd5..812962e691 100644
--- 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;