Gitea-John71/Gitea
2
0
Fork 0
mirror of https://github.com/go-gitea/gitea.git synced 2026-08-12 17:38:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

enhance(ui): restyle toasts (#38842)

Browse Source 
Restyle toasts, add success toast to match the alerts.

<img width="500" alt="Screenshot 2026-08-09 at 11 33 44"
src="https://github.com/user-attachments/assets/d36422b8-0030-41dd-8056-b2d10d86280d"
/>

Alternatively we could also tint to match the alerts, but I do prefer
untinted.

<img width="500" alt="Screenshot 2026-08-09 at 11 34 44"
src="https://github.com/user-attachments/assets/73fcfde4-618b-424f-9aa9-4ada5c2904f6"
/>

---------

Signed-off-by: silverwind <me@silverwind.io>
Co-authored-by: Giteabot <teabot@gitea.io>
This commit is contained in:
silverwind
2026-08-09 22:17:28 +02:00
committed by GitHub
parent 85558c28fc
commit 7ac505ff0d
7 changed files with 37 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web_src/css/modules/toast.css
+8 -1
View File
@@ -1,5 +1,7 @@
.toastify {
color: var(--color-white);
color: var(--color-text);
background: var(--color-menu);
border: 1px solid var(--color-secondary);
position: fixed;
opacity: 0;
transition: all .2s ease;
@@ -16,6 +18,11 @@
opacity: 1;
}
.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); }
.toast-error .toast-icon { color: var(--color-error-text); }
.toast-body {
flex: 1;
padding: 5px 0;