Skip to content

Commit 896e483

Browse files
silverwindclaude
andauthored
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>
1 parent 17b802b commit 896e483

4 files changed

Lines changed: 34 additions & 29 deletions

File tree

web_src/css/modules/message.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@
4343

4444
.ui.message .header {
4545
color: inherit;
46-
filter: saturate(2);
46+
font-weight: var(--font-weight-semibold);
4747
}
4848

4949
.ui.info.message,

web_src/css/modules/navbar.css

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,11 @@
77
padding: 0 10px;
88
}
99

10+
/* When notification message is present after navbar, hide border to avoid double border */
11+
#navbar:has(+ .ui.message) {
12+
border-bottom: none;
13+
}
14+
1015
#navbar .navbar-left,
1116
#navbar .navbar-right {
1217
display: flex;

web_src/css/themes/theme-gitea-dark.css

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -162,20 +162,20 @@ gitea-theme-meta-info {
162162
--color-diff-removed-row-border: #634343;
163163
--color-diff-removed-word-bg: #6f3333;
164164
--color-diff-inactive: #22282d;
165-
--color-error-border: #da3633;
166-
--color-error-bg: #3c2425;
167-
--color-error-bg-active: #5a3637;
168-
--color-error-bg-hover: #4c2d2e;
169-
--color-error-text: #f5817c;
170-
--color-success-border: #458a57;
171-
--color-success-bg: #284034;
172-
--color-success-text: #69be61;
173-
--color-warning-border: #9e6a03;
174-
--color-warning-bg: #2f2a1b;
175-
--color-warning-text: #d29922;
176-
--color-info-border: #306090;
177-
--color-info-bg: #26354c;
178-
--color-info-text: #48b7f8;
165+
--color-error-border: #763232;
166+
--color-error-bg: #322226;
167+
--color-error-bg-active: #49262a;
168+
--color-error-bg-hover: #3c2427;
169+
--color-error-text: var(--color-text);
170+
--color-success-border: #225633;
171+
--color-success-bg: #1c3329;
172+
--color-success-text: var(--color-text);
173+
--color-warning-border: #5f481a;
174+
--color-warning-bg: #342e1f;
175+
--color-warning-text: var(--color-text);
176+
--color-info-border: #254a7e;
177+
--color-info-bg: #1b283a;
178+
--color-info-text: var(--color-text);
179179
--color-red-badge: #db2828;
180180
--color-red-badge-bg: #db28281a;
181181
--color-red-badge-hover-bg: #db28284d;

web_src/css/themes/theme-gitea-light.css

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -162,20 +162,20 @@ gitea-theme-meta-info {
162162
--color-diff-removed-row-border: #f1c0c0;
163163
--color-diff-removed-word-bg: #fdb8c0;
164164
--color-diff-inactive: #f0f2f4;
165-
--color-error-border: #d63333;
166-
--color-error-bg: #ffebeb;
167-
--color-error-bg-active: #fdd;
168-
--color-error-bg-hover: #fee;
169-
--color-error-text: #8a3231;
170-
--color-success-border: #49842b;
171-
--color-success-bg: #eef6e4;
172-
--color-success-text: #2f6e30;
173-
--color-warning-border: #bf8700;
174-
--color-warning-bg: #fff8e1;
175-
--color-warning-text: #744500;
176-
--color-info-border: #2d8fa8;
177-
--color-info-bg: #e8f4fd;
178-
--color-info-text: #216078;
165+
--color-error-border: #ff818266;
166+
--color-error-bg: #ffebe9;
167+
--color-error-bg-active: #ffcecb;
168+
--color-error-bg-hover: #ffdcd7;
169+
--color-error-text: var(--color-text);
170+
--color-success-border: #4ac26b66;
171+
--color-success-bg: #dafbe1;
172+
--color-success-text: var(--color-text);
173+
--color-warning-border: #d4a72c66;
174+
--color-warning-bg: #fff8c5;
175+
--color-warning-text: var(--color-text);
176+
--color-info-border: #54aeff66;
177+
--color-info-bg: #ddf4ff;
178+
--color-info-text: var(--color-text);
179179
--color-red-badge: #db2828;
180180
--color-red-badge-bg: #db28281a;
181181
--color-red-badge-hover-bg: #db28284d;

0 commit comments

Comments
 (0)