beta.3.1

src/functions.js

@@ -48,6 +48,9 @@ function makeColorPick(button, div, message, color, command) {
                 goal.value = lastChar
                 goal.focus()
             }
+
+            if (Number(val.value) > 255) val.value = '255'
+
             setBackgroundColor(chosenColor)
         }
         r.oninput = () => restrict(r, g)

src/main.js

@@ -259,10 +259,10 @@ centerSplash.onmousedown = () => {
     const tip = document.createElement('div')
     const options = [
         'To create a batch of shapes with the same colour, simply press the save icon next to the colour selector.',
-        'Tired of the copying templates for multiple shapes? Select the "Set template as default" button for an automatic assignment.',
+        'Tired of the copying templates for multiple shapes? Press the "tick" icon for an automatic assignment.',
         'You can ask for advanced help by typing your query into CanvasCraft\'s homepage.',
         'Hover over anything and help assistant will explain it. You can disable it by pressing the question mark at the top-left of the screen.',
-        'Properties are an easy way to store specific details about a shape. You can use the feature in a variety of ways, from designing game worlds to simply annotating shapes.'
+        'Properties are an easy way to store specific details about a shape. You can use the feature in a variety of ways from designing game worlds to simply annotating.'
     ]
     tip.innerHTML = '<b>Pro-tip!</b> ' + options[Math.floor(Math.random() * options.length)]
     tip.style.color = '#fb0'

src/styles.css

@@ -1032,7 +1032,7 @@ h3.center {
     height: 100%;
     padding: 50px 10%;
     transition: .8s cubic-bezier(.66,0,.54,1);
-    background-color: #000;
+    background-color: #111;
     overflow: scroll;
 }