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>

Author: silverwind

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,

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;

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;

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;