[chores] Minor improvements to highlighted command status color

Author: nemesifier

openwisp_controller/connection/admin.py

@@ -149,7 +149,7 @@ def output_data(self, obj):
 
     def status_display(self, obj):
         status_value = obj.status
-        css_class = f"command-status-{status_value}"
+        css_class = f"command-status {status_value}"
         return format_html(
             '<span class="{0}">{1}</span>',
             css_class,

openwisp_controller/connection/static/connection/css/command-inline.css

@@ -233,15 +233,15 @@ li.commands:not(.recent) {
 }
 
 /* Command status highlighting */
-.command-status-success {
-  color: #417927;
-  font-weight: bold;
+.command-status.success {
+  color: var(--ow-color-success);
 }
-.command-status-failed {
-  color: #ba2121;
-  font-weight: bold;
+.command-status.failed {
+  color: var(--error-fg);
 }
-.command-status-in-progress {
-  color: #666;
+.command-status.in-progress {
+  color: var(--body-quiet-color);
+}
+.command-status {
   font-weight: bold;
 }

openwisp_controller/connection/tests/test_admin.py

@@ -189,7 +189,7 @@ def test_command_status_highlighting(self):
             response = self.client.get(url)
             self.assertContains(
                 response,
-                '<span class="command-status-success">success</span>',
+                '<span class="command-status success">success</span>',
                 html=True,
             )
 
@@ -199,7 +199,7 @@ def test_command_status_highlighting(self):
             response = self.client.get(url)
             self.assertContains(
                 response,
-                '<span class="command-status-failed">failed</span>',
+                '<span class="command-status failed">failed</span>',
                 html=True,
             )
 
@@ -209,7 +209,7 @@ def test_command_status_highlighting(self):
             response = self.client.get(url)
             self.assertContains(
                 response,
-                '<span class="command-status-in-progress">in progress</span>',
+                '<span class="command-status in-progress">in progress</span>',
                 html=True,
             )