Color-code tables

jobs/templates/jobs/job_detail.html

@@ -268,8 +268,9 @@
    {% include 'jobs/_hideshowbtn.html' with target='fabcalendar'  %}
   </h3>
   <div id="fabcalendar" class="collapse show overflow-x-auto">
-   <table class="table table-bordered table-striped table-hover mb-4">
-    <thead>
+   <table class="table table-bordered table-striped table-hover mb-4"
+	  style="--bs-table-bg: color-mix(in srgb, red 10%, transparent);">
+    <thead class="table-secondary">
      {% if user.is_staff %}<th></th>{% endif %}
      <th>Stair</th>
      <th>Stair fabs</th>

jobs/templates/jobs/sub_calendar.html

@@ -1,4 +1,5 @@
-<table class="table table-striped table-hover table-bordered">
+<table class="table table-striped table-hover table-bordered"
+       style="--bs-table-bg: color-mix(in srgb, orange 10%, transparent);">
  <thead class="table-secondary">
   <tr>
    {% if user.is_staff %}<th></th>{% endif %}

jobs/templates/jobs/sub_scope.html

@@ -1,4 +1,5 @@
-<table class="table table-striped table-bordered table-hover mb-4">
+<table class="table table-striped table-bordered table-hover mb-4"
+       style="--bs-table-bg: color-mix(in srgb, blue 10%, transparent);">
  <thead class="table-secondary">
   <tr>
    <th colspan="100">