feat: icons and colors for control buttons

3 files changed, 32 insertions, 0 deletions

diff --git a/public/static/img/icons/coal.png b/public/static/img/icons/coal.png
new file mode 100644
index 0000000..38f492a
--- /dev/null
+++ b/public/static/img/icons/coal.png
diff --git a/public/static/img/icons/gem.png b/public/static/img/icons/gem.png
new file mode 100644
index 0000000..0b01c2b
--- /dev/null
+++ b/public/static/img/icons/gem.png
diff --git a/public/static/style.css b/public/static/style.css
index 562e87a..09e5534 100644
--- a/public/static/style.css
+++ b/public/static/style.css
@@ -135,6 +135,8 @@ button:hover,
 .button:hover {
     background: #b9b9b9;
     cursor: pointer;
+    color: black;
+    text-decoration: none;
 }
 
 button.transparent,
@@ -143,6 +145,36 @@ button.transparent,
     border: unset;
 }
 
+.gem:hover {
+    filter: saturate(2);
+}
+
+.coal:hover {
+    filter: brightness(2);
+}
+
+button.red,
+.button.red {
+    background: #e97272;
+    border-color: #a85252;
+}
+
+button.red:hover,
+.button.red:hover {
+    background: #ec8d8d;
+}
+
+button.green,
+.button.green {
+    background: #6cbb6d;
+    border-color: #52a85d;
+}
+
+button.green:hover,
+.button.green:hover {
+    background: #85dd8a;
+}
+
 /** 
 ----------
    LIST