ui: Add theme from bootswatch

frontend/ui/src/routes/[theme]/[exercice].svelte

@@ -142,16 +142,22 @@
     {#if $my && $my.exercices[exercice.id]}
         <Row class="mt-4">
             {#if $my.exercices[exercice.id].files || $my.exercices[exercice.id].hints}
-                <Col lg class="mb-5">
+                <Col lg="6" class="mb-5">
                 {#if $my.exercices[exercice.id].files}
-                    <ExerciceDownloads files={$my.exercices[exercice.id].files} />
+                    <ExerciceDownloads
+                        files={$my.exercices[exercice.id].files}
+                    />
                 {/if}
                 {#if $my.exercices[exercice.id].hints}
-                    <ExerciceHints hints={$my.exercices[exercice.id].hints} />
+                    <ExerciceHints
+                        {refresh_my}
+                        exercice={$my.exercices[exercice.id]}
+                        hints={$my.exercices[exercice.id].hints}
+                    />
                 {/if}
             </Col>
             {/if}
-            <Col lg class="mb-5">
+            <Col lg="6" class="mb-5">
             {#if !$my.exercices[exercice.id].solved_rank}
                 <ExerciceFlags
                     {refresh_my}
@@ -160,7 +166,10 @@
                     flags={$my.exercices[exercice.id].flags}
                 />
             {:else}
-                <ExerciceSolved theme={theme} exercice={$my.exercices[exercice.id]} />
+                <ExerciceSolved
+                    {theme}
+                    exercice={$my.exercices[exercice.id]}
+                />
             {/if}
             {#if $my.exercices[exercice.id].video_uri}
                 <ExerciceVideo uri={$my.exercices[exercice.id].video_uri} />

frontend/ui/src/routes/[theme]/index.svelte

@@ -38,13 +38,13 @@
                 on:click={goto(`/${theme.urlid}/${theme.exercices[k].urlid}`)}
             >
                 <div class="row">
-                    <div class="col-1" style="margin-top: -0.5rem; margin-bottom: -0.5rem; text-align: right; border-right: 5px solid #{$my && $my.exercices[k] && $my.exercices[k].solved_rank ? '62c462' : 'aaa'}">
+                    <div class="col-1" style="margin-top: -0.5rem; margin-bottom: -0.5rem; text-align: right; border-right: 5px solid #{$my && $my.exercices[k] && $my.exercices[k].solved_rank ? '62c462' : 'bbb'}">
                     </div>
                     <div class="col-10">
                         <div style="position: absolute; margin-left: calc(var(--bs-gutter-x) * -.5 - 15px); margin-top: -0.5rem;">
 	                    <svg style="height: 50px; width: 23px;">
 	                        <rect
-	                            style="fill:#{$my && $my.exercices[k] && (index < 1 || $my.exercices[Object.keys(theme.exercices)[index-1]].solved_rank) ? '62c462' : 'aaa'}"
+	                            style="fill:#{$my && $my.exercices[k] && (index < 1 || ($my.exercices[Object.keys(theme.exercices)[index-1]] && $my.exercices[Object.keys(theme.exercices)[index-1]].solved_rank)) ? '62c462' : 'bbb'}"
 	                            width="5"
 	                            height="30"
 	                            x="10"

frontend/ui/src/routes/__layout.svelte

@@ -105,7 +105,7 @@
 </script>
 
 <script>
- import 'bootstrap/dist/css/bootstrap.min.css';
+ import '../fic.scss'
  import "bootstrap-icons/font/bootstrap-icons.css";
 
  import {

frontend/ui/src/routes/edit.svelte

@@ -29,7 +29,7 @@
 </script>
 
 <Container class="my-3">
-    <h1>
+    <h1 class="text-dark">
         Votre équipe
         {#if $my}
             <small class="text-muted">{$my.name}</small>

frontend/ui/src/routes/rank.svelte

@@ -20,7 +20,7 @@
 </script>
 
 <Container fluid class="my-3">
-<h1>
+<h1 class="text-dark">
     {$settings.title}
     <small class="text-muted">Classement</small>
 </h1>

frontend/ui/src/routes/rules.svelte

@@ -10,7 +10,7 @@
 </script>
 
 <Container class="my-3">
-<h1>
+<h1 class="text-dark">
     {$settings.title}
     <small class="text-muted">Règles générales</small>
 </h1>

frontend/ui/src/routes/tags/[tag].svelte

@@ -45,7 +45,7 @@
 </script>
 
 <Container class="mt-3">
-<h1>
+<h1 class="text-dark">
     Challenges <em>{tag}</em>
 </h1>