insert keyboard shortcuts

src/App.svelte

@@ -303,6 +303,15 @@
       console.log(proportion.toFixed(2) + "% moves are victory")
     }
   }
+
+  const handleKeydown = event => {
+    if (event.key == "u") {
+      undo()
+    }
+    if (event.key == "r") {
+      restart()
+    }
+  }
 </script>
 
 <style lang="postcss">
@@ -337,6 +346,8 @@
 
 <Tailwind />
 
+<svelte:window on:keydown={handleKeydown} />
+
 <main class="container text-center mx-auto flex h-screen">
   <div
     class="m-auto transform-gpu sm:scale-150 md:scale-175 lg:scale-200 xl:scale-225">

tailwind.config.js

@@ -1,5 +1,3 @@
-const colors = require("tailwindcss/colors")
-
 module.exports = {
   purge: {
     enabled: !process.env.ROLLUP_WATCH,
@@ -7,7 +5,7 @@ module.exports = {
     content: ["./public/index.html", "./src/**/*.svelte"],
     options: {
       safelist: [
-        /(bg|border|text)\-(green|cyan|blue|yellow|orange|red|purple)(\-(lighter|darker))?/,
+        /^bg\-(green|cyan|blue|yellow|orange|red|purple)(\-(lighter|darker))?/,
       ],
     },
   },