Adjust some button colours

package.json

@@ -1,6 +1,6 @@
 {
     "name": "minesweeper",
-    "version": "0.80.3",
+    "version": "0.80.4",
     "description": "Just Minesweeper!",
     "author": "Felix W. Dekker",
     "browser": "dist/bundle.js",

src/main/css/main.css

@@ -7,6 +7,14 @@ form {
     display: inline;
 }
 
+form button:focus:not(:hover) {
+    background-color: var(--fwdekker-theme-color);
+}
+
+form button.cancel {
+    background-color: #606c76;
+}
+
 
 /* Controls */
 .row.controls {

src/main/index.html

@@ -116,7 +116,7 @@
                 <button>New game</button>
             </form>
             <form id="customDifficultyCancelForm">
-                <button>Cancel</button>
+                <button class="cancel">Cancel</button>
             </form>
         </div>
     </div>
@@ -130,7 +130,7 @@
                 <button>New game</button>
             </form>
             <form id="seedCancelForm">
-                <button>Cancel</button>
+                <button class="cancel">Cancel</button>
             </form>
         </div>
     </div>
@@ -142,7 +142,7 @@
                 <button>Reset</button>
             </form>
             <form id="statisticsCloseForm">
-                <button>Close</button>
+                <button class="cancel">Close</button>
             </form>
         </div>
     </div>

src/main/js/Main.ts

@@ -1,5 +1,5 @@
-import "../css/main.css";
 import "fork-awesome/css/fork-awesome.css";
+import "../css/main.css";
 // @ts-ignore
 import {$, doAfterLoad, footer, header, nav} from "@fwdekker/template";
 import {waitForForkAwesome} from "./Common";