styling

utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.css

@@ -6,10 +6,6 @@
   min-width: 250px;
   overflow: hidden;
   display: inline-block; }
-  .simulation-client.simulation-client-running {
-    background-color: #d6ffce; }
-  .simulation-client.simulation-client-stopping {
-    background-color: #fde0d7; }
   .simulation-client .simulation-client-icon {
     color: #999; }
   .simulation-client .simulation-client-scenario {
@@ -17,3 +13,11 @@
   .simulation-client .simulation-client-scenario-current-step {
     color: #666;
     font-size: 0.8em; }
+  .simulation-client.simulation-client-running {
+    background-color: #d6ffce; }
+    .simulation-client.simulation-client-running .simulation-client-icon {
+      color: #008000; }
+  .simulation-client.simulation-client-stopping {
+    background-color: #fde0d7; }
+    .simulation-client.simulation-client-stopping .simulation-client-icon {
+      color: #f88562; }

utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.min.css

@@ -1 +1 @@
-.simulation-client{border:1px solid #008000;background-color:#f5f5f5;margin:3px;padding:5px;min-width:250px;overflow:hidden;display:inline-block;}.simulation-client.simulation-client-running{background-color:#d6ffce;}.simulation-client.simulation-client-stopping{background-color:#fde0d7;}.simulation-client .simulation-client-icon{color:#999;}.simulation-client .simulation-client-scenario{font-weight:bold;}.simulation-client .simulation-client-scenario-current-step{color:#666;font-size:.8em;}
+.simulation-client{border:1px solid #008000;background-color:#f5f5f5;margin:3px;padding:5px;min-width:250px;overflow:hidden;display:inline-block;}.simulation-client .simulation-client-icon{color:#999;}.simulation-client .simulation-client-scenario{font-weight:bold;}.simulation-client .simulation-client-scenario-current-step{color:#666;font-size:.8em;}.simulation-client.simulation-client-running{background-color:#d6ffce;}.simulation-client.simulation-client-running .simulation-client-icon{color:#008000;}.simulation-client.simulation-client-stopping{background-color:#fde0d7;}.simulation-client.simulation-client-stopping .simulation-client-icon{color:#f88562;}

utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.scss

@@ -7,14 +7,6 @@
     overflow: hidden;
     display: inline-block;
 
-    &.simulation-client-running {
-        background-color: #d6ffce;
-    }
-
-    &.simulation-client-stopping {
-        background-color: #fde0d7;
-    }
-
     .simulation-client-icon {
         color: #999;
     }
@@ -27,4 +19,20 @@
         color: #666;
         font-size: 0.8em;
     }
+
+    &.simulation-client-running {
+        background-color: #d6ffce;
+
+        .simulation-client-icon {
+            color: #008000;
+        }
+    }
+
+    &.simulation-client-stopping {
+        background-color: #fde0d7;
+
+        .simulation-client-icon {
+            color: #f88562;
+        }
+    }
 }