From 33d7bf641f1b270e9546b2438ab0e9797c450ad6 Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Thu, 12 Mar 2026 15:36:22 -0700
Subject: [PATCH] ui: Use inline SVG icons for all error/warn/info/success
 messages

Tests:

- All the icons appear as before in both light/dark themes.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
---
 plinth/templates/messages.html | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/plinth/templates/messages.html b/plinth/templates/messages.html
index e35a660d7..865521d98 100644
--- a/plinth/templates/messages.html
+++ b/plinth/templates/messages.html
@@ -3,6 +3,7 @@
 {% endcomment %}
 
 {% load i18n %}
+{% load plinth_extras %}
 
 {% for message in messages %}
   <div class="alert alert-{{ message.tags }} alert-dismissible
@@ -10,16 +11,16 @@
        role="alert">
     <div class="me-2">
       {% if message.tags == 'danger' %}
-        <span class="fa fa-exclamation-triangle" aria-hidden="true"></span>
+        {% icon 'exclamation-triangle' %}
         <span class="visually-hidden">{% trans "Error:" %}</span>
       {% elif message.tags == 'warning' %}
-        <span class="fa fa-exclamation-triangle" aria-hidden="true"></span>
+        {% icon 'exclamation-triangle' %}
         <span class="visually-hidden">{% trans "Caution:" %}</span>
       {% elif message.tags == 'info' %}
-        <span class="fa fa-info-circle" aria-hidden="true"></span>
+        {% icon 'info-circle' %}
         <span class="visually-hidden">{% trans "Info:" %}</span>
       {% elif message.tags == 'success' %}
-        <span class="fa fa-check-circle" aria-hidden="true"></span>
+        {% icon 'check-circle' %}
         <span class="visually-hidden">{% trans "Success:" %}</span>
       {% endif %}
     </div>