From 5433c23decb5cede4ea959f9bcf06b72a5377aa7 Mon Sep 17 00:00:00 2001 From: wxiaoguang Date: Wed, 19 Aug 2026 03:13:30 +0800 Subject: [PATCH] enhance(ui): tint toast backgrounds by level (#38919) Toasts now use the same tinted backgrounds and borders as the flash messages, replacing the solid full-color style. The first commit reverts https://github.com/go-gitea/gitea/pull/38842, the second re-applies it with tinting. --------- Co-authored-by: silverwind --- web_src/css/modules/toast.css | 21 ++++++++++++++++++++- 1 file changed, 20 insertions(+), 1 deletion(-) diff --git a/web_src/css/modules/toast.css b/web_src/css/modules/toast.css index ffef40779ec..1113ad357b6 100644 --- a/web_src/css/modules/toast.css +++ b/web_src/css/modules/toast.css @@ -1,6 +1,5 @@ .toastify { color: var(--color-text); - background: var(--color-menu); border: 1px solid var(--color-secondary); position: fixed; opacity: 0; @@ -18,6 +17,26 @@ opacity: 1; } +.toast-success { + background: var(--color-success-bg); + border-color: var(--color-success-border); +} + +.toast-info { + background: var(--color-info-bg); + border-color: var(--color-info-border); +} + +.toast-warning { + background: var(--color-warning-bg); + border-color: var(--color-warning-border); +} + +.toast-error { + background: var(--color-error-bg); + border-color: var(--color-error-border); +} + .toast-success .toast-icon { color: var(--color-success-text); } .toast-info .toast-icon { color: var(--color-info-text); } .toast-warning .toast-icon { color: var(--color-warning-text); }