okay this now works with bootstrap 5, I dont love the sz buttons / mixed black and white hover text needs love - probably own class with own styles, but I dont want to hard-code info color, need to work out how to do style / css using the right bs variable for info color

templates/aistats.html

@@ -3,7 +3,7 @@
 {% block main_content %}
 <h3>Basic AI stats</h3>
     <table class="table table-striped table-sm">
-    <tbody><thead class="thead-light"><tr><th>What</th><th>Amount</th></tr></thead>
+    <tbody><thead class="table-primary"><tr><th>What</th><th>Amount</th></tr></thead>
         <tr><td>Files with a face</td><td>{{fstats['files_with_a_face']}}</td></tr>
         <tr><td>Files with a matched face</td><td>{{fstats['files_with_a_match']}}</td></tr>
         <tr><td>Files with missing matches</td><td>{{fstats['files_with_missing_matches']}}</td></tr>
@@ -13,7 +13,7 @@
     </tbody></table>
 
     <table class="table table-striped table-sm">
-    <tbody><thead class="thead-light"><tr><th>Person (tag)</th><th>Number of files matched</th></thead>
+    <tbody><thead class="table-primary"><tr><th>Person (tag)</th><th>Number of files matched</th></thead>
     {% for s in stats %}
         <tr><td>{{s[0]}}</td><td>{{s[1]}}</td></tr>
     {% endfor %}