From bfa5f4b622992ff6a74b87a4e9c8084999f32328 Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Thu, 12 Mar 2026 22:24:52 -0700
Subject: [PATCH] upgrades: Use inline SVG icons

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/modules/upgrades/templates/backports-firstboot.html     | 3 ++-
 .../upgrades/templates/upgrades-dist-upgrade-confirm.html      | 3 ++-
 plinth/modules/upgrades/templates/upgrades-dist-upgrade.html   | 2 +-
 plinth/modules/upgrades/templates/upgrades_configure.html      | 2 +-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/plinth/modules/upgrades/templates/backports-firstboot.html b/plinth/modules/upgrades/templates/backports-firstboot.html
index ee9b01877..55c778708 100644
--- a/plinth/modules/upgrades/templates/backports-firstboot.html
+++ b/plinth/modules/upgrades/templates/backports-firstboot.html
@@ -6,6 +6,7 @@
 {% load bootstrap %}
 {% load i18n %}
 {% load static %}
+{% load plinth_extras %}
 
 {% block content %}
   <h1>{% trans "Frequent Feature Updates" %}</h1>
@@ -31,7 +32,7 @@
 
   <div class="alert alert-warning d-flex align-items-center" role="alert">
     <div class="me-2">
-      <span class="fa fa-exclamation-triangle" aria-hidden="true"></span>
+      {% icon 'exclamation-triangle' %}
       <span class="visually-hidden">{% trans "Caution:" %}</span>
     </div>
     <div>
diff --git a/plinth/modules/upgrades/templates/upgrades-dist-upgrade-confirm.html b/plinth/modules/upgrades/templates/upgrades-dist-upgrade-confirm.html
index 28a88fdf1..0c7faeebe 100644
--- a/plinth/modules/upgrades/templates/upgrades-dist-upgrade-confirm.html
+++ b/plinth/modules/upgrades/templates/upgrades-dist-upgrade-confirm.html
@@ -6,6 +6,7 @@
 {% load bootstrap %}
 {% load i18n %}
 {% load static %}
+{% load plinth_extras %}
 
 {% block content %}
   <h3>{% trans "Confirm Distribution Update?" %}</h3>
@@ -13,7 +14,7 @@
   {% if status.next_action == "manual" %}
     <div class="alert alert-danger d-flex align-items-center" role="alert">
       <div class="me-2">
-        <span class="fa fa-exclamation-triangle" aria-hidden="true"></span>
+        {% icon 'exclamation-triangle' %}
         <span class="visually-hidden">{% trans "Caution:" %}</span>
       </div>
 
diff --git a/plinth/modules/upgrades/templates/upgrades-dist-upgrade.html b/plinth/modules/upgrades/templates/upgrades-dist-upgrade.html
index 77e0ddfe3..69c463023 100644
--- a/plinth/modules/upgrades/templates/upgrades-dist-upgrade.html
+++ b/plinth/modules/upgrades/templates/upgrades-dist-upgrade.html
@@ -42,7 +42,7 @@
     {% if not status.updates_enabled or not status.dist_upgrade_enabled or not status.has_free_space or not status.current_codename %}
       <div class="alert alert-warning d-flex align-items-center" role="alert">
         <div class="me-2">
-          <span class="fa fa-exclamation-triangle" aria-hidden="true"></span>
+          {% icon 'exclamation-triangle' %}
           <span class="visually-hidden">{% trans "Caution:" %}</span>
         </div>
 
diff --git a/plinth/modules/upgrades/templates/upgrades_configure.html b/plinth/modules/upgrades/templates/upgrades_configure.html
index cf06f1276..a82ddf860 100644
--- a/plinth/modules/upgrades/templates/upgrades_configure.html
+++ b/plinth/modules/upgrades/templates/upgrades_configure.html
@@ -80,7 +80,7 @@
   {% if can_activate_backports and not is_backports_requested %}
     <div class="alert alert-warning d-flex align-items-center" role="alert">
       <div class="me-2">
-        <span class="fa fa-exclamation-triangle" aria-hidden="true"></span>
+        {% icon 'exclamation-triangle' %}
         <span class="visually-hidden">{% trans "Caution:" %}</span>
       </div>
       <div>