Darken background on focused/active buttons

2 files changed, 21 insertions, 2 deletions

diff --git a/theme/admin/rsrc/css/main.css b/theme/admin/rsrc/css/main.css
index f3a39c1..f482179 100644
--- a/theme/admin/rsrc/css/main.css
+++ b/theme/admin/rsrc/css/main.css
@@ -645,14 +645,23 @@ label:after {
 #insert-button {
   background: #4D8D5D;
 }
+#insert-button:active, #insert-button:focus {
+  background: #3b6c47;
+}
 
 #update-button {
   background: #6A8AA5;
 }
+#update-button:active, #update-button:focus {
+  background: #537089;
+}
 
 #delete-button {
   background: #C45C66;
 }
+#delete-button:active, #delete-button:focus {
+  background: #ae3f4a;
+}
 
 /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 # Form message list
@@ -926,5 +935,3 @@ label:after {
   font-weight: 700;
   src: url("../font/ruda-n-700.woff2") format("woff2");
 }
-
-/*# sourceMappingURL=main.css.map */
diff --git a/theme/admin/rsrc/css/main.scss b/theme/admin/rsrc/css/main.scss
index 0397754..571bafa 100644
--- a/theme/admin/rsrc/css/main.scss
+++ b/theme/admin/rsrc/css/main.scss
@@ -717,14 +717,26 @@ label {
 
 #insert-button {
 	background: #4D8D5D;
+
+	&:active, &:focus {
+		background: darken(#4D8D5D, 10%)
+	}
 }
 
 #update-button {
 	background: #6A8AA5;
+
+	&:active, &:focus {
+		background: darken(#6A8AA5, 10%)
+	}
 }
 
 #delete-button {
 	background: #C45C66;
+
+	&:active, &:focus {
+		background: darken(#C45C66, 10%)
+	}
 }
 
 /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++