#434

frontend/src/components/counts/countsTable.css

@@ -54,3 +54,26 @@
 .counts-nested {
   @apply border-l-2 border-slate-300 dark:border-slate-600;
 }
+
+.counts-grid > tbody > tr > td[data-counts-total='subtotal']:not([data-counts-selected]),
+.counts-grid > thead > tr > th[data-counts-total='subtotal'] {
+  background-color: #e2e8f0;
+  color: #0f172a;
+  font-weight: 600;
+}
+.counts-grid > tbody > tr > td[data-counts-total='grand_total']:not([data-counts-selected]),
+.counts-grid > thead > tr > th[data-counts-total='grand_total'] {
+  background-color: #cbd5e1;
+  color: #0f172a;
+  font-weight: 700;
+}
+.dark .counts-grid > tbody > tr > td[data-counts-total='subtotal']:not([data-counts-selected]),
+.dark .counts-grid > thead > tr > th[data-counts-total='subtotal'] {
+  background-color: #334155;
+  color: #f1f5f9;
+}
+.dark .counts-grid > tbody > tr > td[data-counts-total='grand_total']:not([data-counts-selected]),
+.dark .counts-grid > thead > tr > th[data-counts-total='grand_total'] {
+  background-color: #475569;
+  color: #fff;
+}