From 896e4838cbb367b0874be773a489a5a304f0c8d0 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Sat, 28 Mar 2026 10:05:56 +0100
Subject: [PATCH] Update message severity colors, fix navbar double border
 (#37019)

- Tweak serverity background and border colors
- Use default text color instead of per-severity text colors.
- Replace `saturate` filter with semibold font weight on message headers.
- Fix navbar double border when a notification is present.

Co-authored-by: Claude (Opus 4.6) <noreply@anthropic.com>
---
 web_src/css/modules/message.css          |  2 +-
 web_src/css/modules/navbar.css           |  5 +++++
 web_src/css/themes/theme-gitea-dark.css  | 28 ++++++++++++------------
 web_src/css/themes/theme-gitea-light.css | 28 ++++++++++++------------
 4 files changed, 34 insertions(+), 29 deletions(-)

diff --git a/web_src/css/modules/message.css b/web_src/css/modules/message.css
index ce997c4350..d5346616bc 100644
--- a/web_src/css/modules/message.css
+++ b/web_src/css/modules/message.css
@@ -43,7 +43,7 @@
 
 .ui.message .header {
   color: inherit;
-  filter: saturate(2);
+  font-weight: var(--font-weight-semibold);
 }
 
 .ui.info.message,
diff --git a/web_src/css/modules/navbar.css b/web_src/css/modules/navbar.css
index 19a9f389d7..7a55f80fee 100644
--- a/web_src/css/modules/navbar.css
+++ b/web_src/css/modules/navbar.css
@@ -7,6 +7,11 @@
   padding: 0 10px;
 }
 
+/* When notification message is present after navbar, hide border to avoid double border */
+#navbar:has(+ .ui.message) {
+  border-bottom: none;
+}
+
 #navbar .navbar-left,
 #navbar .navbar-right {
   display: flex;
diff --git a/web_src/css/themes/theme-gitea-dark.css b/web_src/css/themes/theme-gitea-dark.css
index fbdef1e2fb..610e5f1344 100644
--- a/web_src/css/themes/theme-gitea-dark.css
+++ b/web_src/css/themes/theme-gitea-dark.css
@@ -162,20 +162,20 @@ gitea-theme-meta-info {
   --color-diff-removed-row-border: #634343;
   --color-diff-removed-word-bg: #6f3333;
   --color-diff-inactive: #22282d;
-  --color-error-border: #da3633;
-  --color-error-bg: #3c2425;
-  --color-error-bg-active: #5a3637;
-  --color-error-bg-hover: #4c2d2e;
-  --color-error-text: #f5817c;
-  --color-success-border: #458a57;
-  --color-success-bg: #284034;
-  --color-success-text: #69be61;
-  --color-warning-border: #9e6a03;
-  --color-warning-bg: #2f2a1b;
-  --color-warning-text: #d29922;
-  --color-info-border: #306090;
-  --color-info-bg: #26354c;
-  --color-info-text: #48b7f8;
+  --color-error-border: #763232;
+  --color-error-bg: #322226;
+  --color-error-bg-active: #49262a;
+  --color-error-bg-hover: #3c2427;
+  --color-error-text: var(--color-text);
+  --color-success-border: #225633;
+  --color-success-bg: #1c3329;
+  --color-success-text: var(--color-text);
+  --color-warning-border: #5f481a;
+  --color-warning-bg: #342e1f;
+  --color-warning-text: var(--color-text);
+  --color-info-border: #254a7e;
+  --color-info-bg: #1b283a;
+  --color-info-text: var(--color-text);
   --color-red-badge: #db2828;
   --color-red-badge-bg: #db28281a;
   --color-red-badge-hover-bg: #db28284d;
diff --git a/web_src/css/themes/theme-gitea-light.css b/web_src/css/themes/theme-gitea-light.css
index 761cb18da0..0885c5618b 100644
--- a/web_src/css/themes/theme-gitea-light.css
+++ b/web_src/css/themes/theme-gitea-light.css
@@ -162,20 +162,20 @@ gitea-theme-meta-info {
   --color-diff-removed-row-border: #f1c0c0;
   --color-diff-removed-word-bg: #fdb8c0;
   --color-diff-inactive: #f0f2f4;
-  --color-error-border: #d63333;
-  --color-error-bg: #ffebeb;
-  --color-error-bg-active: #fdd;
-  --color-error-bg-hover: #fee;
-  --color-error-text: #8a3231;
-  --color-success-border: #49842b;
-  --color-success-bg: #eef6e4;
-  --color-success-text: #2f6e30;
-  --color-warning-border: #bf8700;
-  --color-warning-bg: #fff8e1;
-  --color-warning-text: #744500;
-  --color-info-border: #2d8fa8;
-  --color-info-bg: #e8f4fd;
-  --color-info-text: #216078;
+  --color-error-border: #ff818266;
+  --color-error-bg: #ffebe9;
+  --color-error-bg-active: #ffcecb;
+  --color-error-bg-hover: #ffdcd7;
+  --color-error-text: var(--color-text);
+  --color-success-border: #4ac26b66;
+  --color-success-bg: #dafbe1;
+  --color-success-text: var(--color-text);
+  --color-warning-border: #d4a72c66;
+  --color-warning-bg: #fff8c5;
+  --color-warning-text: var(--color-text);
+  --color-info-border: #54aeff66;
+  --color-info-bg: #ddf4ff;
+  --color-info-text: var(--color-text);
   --color-red-badge: #db2828;
   --color-red-badge-bg: #db28281a;
   --color-red-badge-hover-bg: #db28284d;