From 25724e7342fb6b7064ddb36be9edb36cf58d4aeb Mon Sep 17 00:00:00 2001
From: HF <hf@pixelplanet.fun>
Date: Wed, 24 Jan 2024 00:27:25 +0100
Subject: [PATCH] add css for pencil button

---
 src/styles/default.css              |  9 +++++++++
 src/styles/theme-dark-round.css     | 10 ++++++++++
 src/styles/theme-dark-sstraight.css | 10 ++++++++++
 src/styles/theme-dark.css           | 10 ++++++++++
 4 files changed, 39 insertions(+)

diff --git a/src/styles/default.css b/src/styles/default.css
index 5f44bd5a..ddcd8624 100644
--- a/src/styles/default.css
+++ b/src/styles/default.css
@@ -464,6 +464,15 @@ tr:nth-child(even) {
   left: 16px;
   transition: bottom 300ms ease-in-out;
 }
+#pencilbutton.ppencil {
+  background-color: rgba(240, 232, 169, 0.8);
+}
+#pencilbutton.phistory {
+  background-color: rgba(171, 240, 169, 0.8);
+}
+#pencilbutton.poverlay {
+  background-color: rgba(240, 169, 169, 0.8);
+}
 
 #historyselect {
   position: fixed;
diff --git a/src/styles/theme-dark-round.css b/src/styles/theme-dark-round.css
index 3fa36a9e..53543c13 100644
--- a/src/styles/theme-dark-round.css
+++ b/src/styles/theme-dark-round.css
@@ -90,6 +90,16 @@ tr:nth-child(even) {
   border-radius: 21px;
 }
 
+#pencilbutton.ppencil {
+  background-color: rgba(131, 147, 19, 0.8);
+}
+#pencilbutton.phistory {
+  background-color: rgba(31, 84, 111, 0.8);
+}
+#pencilbutton.poverlay {
+  background-color: rgba(117, 31, 31, 0.8);
+}
+
 .menu > div {
   z-index: 1;
   background-color: #15374fd1;
diff --git a/src/styles/theme-dark-sstraight.css b/src/styles/theme-dark-sstraight.css
index 4a9a7d0c..8f8c3486 100644
--- a/src/styles/theme-dark-sstraight.css
+++ b/src/styles/theme-dark-sstraight.css
@@ -91,6 +91,16 @@ tr:nth-child(even) {
   border-radius: 15px;
 }
 
+#pencilbutton.ppencil {
+  background-color: rgba(131, 147, 19, 0.8);
+}
+#pencilbutton.phistory {
+  background-color: rgba(31, 84, 111, 0.8);
+}
+#pencilbutton.poverlay {
+  background-color: rgba(117, 31, 31, 0.8);
+}
+
 .menu > div {
   z-index: 1;
   background-color: #000000d1;
diff --git a/src/styles/theme-dark.css b/src/styles/theme-dark.css
index af0a1b5f..971d0202 100644
--- a/src/styles/theme-dark.css
+++ b/src/styles/theme-dark.css
@@ -67,6 +67,16 @@ tr:nth-child(even) {
   color: #f4f4f4;
 }
 
+#pencilbutton.ppencil {
+  background-color: rgba(131, 147, 19, 0.8);
+}
+#pencilbutton.phistory {
+  background-color: rgba(31, 84, 111, 0.8);
+}
+#pencilbutton.poverlay {
+  background-color: rgba(117, 31, 31, 0.8);
+}
+
 .menu > div {
   z-index: 1;
   background-color: #15374fd1;