From 0f2e315b025af55d5d5e65f2a726f171d11de851 Mon Sep 17 00:00:00 2001
From: 0ko <0ko@noreply.codeberg.org>
Date: Sun, 31 Mar 2024 21:26:06 +0500
Subject: [PATCH] [THEME] Use better color for labels/counters

- improves contrast
- looks good
- improves consistency with other label-y elements

(cherry picked from commit a245fb5c83bfb19bd7edbcb1dae46262a0e768e0)
---
 web_src/css/base.css                       | 4 ++++
 web_src/css/themes/theme-forgejo-dark.css  | 7 ++++---
 web_src/css/themes/theme-forgejo-light.css | 1 +
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/web_src/css/base.css b/web_src/css/base.css
index 05ab0255e8..a2cf4ba580 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -1222,6 +1222,10 @@ overflow-menu .ui.label {
   color: var(--color-label-text);
 }
 
+.ui.menu .active.item > .label {
+  background: var(--color-label-bg-alt, var(--color-label-bg));
+}
+
 .lines-blame-btn {
   padding: 0 0 0 5px;
   display: flex;
diff --git a/web_src/css/themes/theme-forgejo-dark.css b/web_src/css/themes/theme-forgejo-dark.css
index a48d008f37..43d8428e97 100644
--- a/web_src/css/themes/theme-forgejo-dark.css
+++ b/web_src/css/themes/theme-forgejo-dark.css
@@ -225,9 +225,10 @@
   --color-nav-bg: var(--steel-900);
   --color-nav-hover-bg: var(--steel-600);
   --color-label-text: #fff;
-  --color-label-bg: #cacaca5b;
-  --color-label-hover-bg: #cacacaa0;
-  --color-label-active-bg: #cacacaff;
+  --color-label-bg: var(--steel-600);
+  --color-label-hover-bg: var(--steel-550);
+  --color-label-active-bg: var(--steel-500);
+  --color-label-bg-alt: var(--steel-550);
   --color-accent: var(--color-primary-light-1);
   --color-small-accent: var(--color-primary-light-5);
   --color-highlight-fg: var(--color-primary-light-4);
diff --git a/web_src/css/themes/theme-forgejo-light.css b/web_src/css/themes/theme-forgejo-light.css
index 74d2cf3b83..858f61b95a 100644
--- a/web_src/css/themes/theme-forgejo-light.css
+++ b/web_src/css/themes/theme-forgejo-light.css
@@ -245,6 +245,7 @@
   --color-label-bg: #cacaca5b;
   --color-label-hover-bg: #cacacaa0;
   --color-label-active-bg: #cacacaff;
+  --color-label-bg-alt: #cacacaff;
   --color-accent: var(--color-primary-light-1);
   --color-small-accent: var(--color-primary-light-5);
   --color-highlight-fg: var(--color-primary-light-4);