colors

src/main/webapp/app/entities/transaction/transaction.vue

@@ -44,7 +44,7 @@
             <!--            <th/>-->
             <th />
             <th>Saldo</th>
-            <th v-for="amount in sums" class="border-left">
+            <th v-for="amount in sums" class="border-left" :class="{ inplus: amount > 0, inminus: amount < 0 }">
               <span class="bold">{{ amount }}</span>
             </th>
           </tr>

src/main/webapp/content/css/loading.css

@@ -173,3 +173,11 @@ th.rotate > div {
   text-decoration: line-through;
   color: lightgray;
 }
+
+.inplus {
+  background-color: lightgreen;
+}
+
+.inminus {
+  background-color: red;
+}