From b09e252731e2ca2400b3b99775b6c5605ea3a3be Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Thu, 17 Dec 2020 16:56:34 -0800
Subject: [PATCH] upgrades: Split CSS styling into a separate file

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Veiko Aasa <veiko17@disroot.org>
---
 plinth/modules/upgrades/static/upgrades.css       | 15 +++++++++++++++
 .../templates/update-firstboot-progress.html      |  7 ++-----
 .../upgrades/templates/upgrades_configure.html    | 15 ++-------------
 3 files changed, 19 insertions(+), 18 deletions(-)
 create mode 100644 plinth/modules/upgrades/static/upgrades.css

diff --git a/plinth/modules/upgrades/static/upgrades.css b/plinth/modules/upgrades/static/upgrades.css
new file mode 100644
index 000000000..b08713ca1
--- /dev/null
+++ b/plinth/modules/upgrades/static/upgrades.css
@@ -0,0 +1,15 @@
+/*
+# SPDX-License-Identifier: AGPL-3.0-or-later
+*/
+
+.warning {
+    color: var(--warning-color);
+}
+
+.processing {
+    color: var(--progress-color);
+}
+
+.normal {
+    color: var(--neutral-dark-color);
+}
diff --git a/plinth/modules/upgrades/templates/update-firstboot-progress.html b/plinth/modules/upgrades/templates/update-firstboot-progress.html
index e0a9db852..14f57c968 100644
--- a/plinth/modules/upgrades/templates/update-firstboot-progress.html
+++ b/plinth/modules/upgrades/templates/update-firstboot-progress.html
@@ -8,11 +8,8 @@
 {% load static %}
 
 {% block page_head %}
-  <style type="text/css">
-   .processing {
-       color: var(--progress-color);
-   }
-  </style>
+  <link type="text/css" rel="stylesheet"
+        href="{% static 'upgrades/upgrades.css' %}"/>
 {% endblock %}
 
 {% block content %}
diff --git a/plinth/modules/upgrades/templates/upgrades_configure.html b/plinth/modules/upgrades/templates/upgrades_configure.html
index f3893ff22..7e870b0de 100644
--- a/plinth/modules/upgrades/templates/upgrades_configure.html
+++ b/plinth/modules/upgrades/templates/upgrades_configure.html
@@ -8,19 +8,8 @@
 {% load static %}
 
 {% block page_head %}
-  <style type="text/css">
-    .warning {
-        color: var(--warning-color);
-    }
-
-    .processing {
-        color: var(--progress-color);
-    }
-
-    .normal {
-        color: var(--neutral-dark-color);
-    }
-  </style>
+  <link type="text/css" rel="stylesheet"
+        href="{% static 'upgrades/upgrades.css' %}"/>
 {% endblock %}
 
 {% block status %}