Add button and knob styles for 2048Clone theme

Based off of MinesweeperClone. The checkbox images are also lifted from there.

Author: Coteh

public/images/Checkbox_checked.png

@@ -176,7 +176,7 @@ body.classic .top-menu > .menu-options > .score-wrap-box > .space {
 }
 
 body.classic .top-menu > .menu-options > .commands {
-    margin-top: 40px;
+    margin-top: 20px;
 }
 
 body.classic .top-menu > .title {
@@ -203,11 +203,54 @@ body.classic button.close:hover > svg {
 }
 
 body.classic button.button {
-    background-color: rgba(0, 0, 0, 0);
+    background-color: yellow;
+    border: 2px solid black;
+    border-bottom: none;
+    border-radius: 0;
+}
+
+body.classic button.button:last-child {
+    border-bottom: 2px solid black;
+}
+
+body.classic button.button > * {
+    color: black;
 }
 
 body.classic button.button:hover {
-    color: var(--hovered-color);
+    background-color: rgb(171, 171, 0);
+    color: white;
+}
+
+/* Specific Buttons */
+
+body.classic button.button.share-button,
+body.classic button.button.clipboard-button {
+    padding: 0.5em 0.5em 0.5em 0.5em;
+    margin: 0.5em 0em 0.5em 0em;
+    background-color: var(--green);
+    border: 2px solid black;
+}
+
+body.classic button.button.share-button > *,
+body.classic button.button.clipboard-button > * {
+    color: black;
+    font-weight: bold;
+}
+
+body.classic button.button.share-button:hover,
+body.classic button.button.clipboard-button:hover {
+    background-color: rgb(0, 82, 0);
+}
+
+body.classic button.button.new-game {
+    padding: 1em 0.5em 1em 0.5em;
+    margin: 0.5em 0em 0.5em 0em;
+}
+
+body.classic button.button.new-game > * {
+    color: black;
+    font-weight: bold;
 }
 
 /* NTS: Hover color still appears and won't go away after tapping elsewhere on iOS.
@@ -290,3 +333,23 @@ body.classic .dialog.game-over {
 body.classic .dialog.win {
     background-color: lime;
 }
+
+/* Settings Knob Modifications for Classic theme */
+
+body.classic .knob {
+    position: relative;
+
+    width: 32px;
+    height: 32px;
+    border-radius: 0;
+
+    background-image: url("/images/Checkbox_unchecked.png");
+}
+
+body.classic .knob.enabled {
+    background-image: url("/images/Checkbox_checked.png");
+}
+
+body.classic .knob > .knob-inside {
+    display: none;
+}