table-success

css/style.css

@@ -31,6 +31,7 @@ table input {
 
 table td.table-primary input,
 table td.table-active input,
+table.table-success input,
 table input:not([disabled]) {
     background: transparent !important;
 }

js/sudoku.js

@@ -206,6 +206,7 @@ function checkBox(box) {
 
     if (box.form.checkValidity()) { // Correct grid
         if (boxes.filter(box => box.value == "").length == 0) {
+            grid.classList.add("table-success")
             saveButton.disabled = true
             setTimeout(() => {
                 if (confirm(`Bravo ! Vous avez résolu la grille. En voulez-vous une autre ?`))

sudoku.php

@@ -35,7 +35,7 @@
                 </label>
             </div>
             <button id="hintButton" type="button" class='btn btn-info' onclick="showHint()" title="Montrer une case avec une seule possibilité" accesskey="H" disabled="">
-                <i class="bi bi-lightbulb-fill"></i>
+                <i class="bi bi-lightbulb"></i>
             </button>
             <button id='restartButton' type='button' class='btn btn-primary' onclick='restart()' disabled title='Recommencer'>
                 <i class="bi bi-skip-start-fill"></i>