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>
This commit is contained in:
silverwind
2026-03-28 10:05:56 +01:00
committed by GitHub
parent 17b802beae
commit 896e4838cb
4 changed files with 34 additions and 29 deletions

View File

@@ -43,7 +43,7 @@
.ui.message .header {
color: inherit;
filter: saturate(2);
font-weight: var(--font-weight-semibold);
}
.ui.info.message,

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;