aboutsummaryrefslogtreecommitdiffstats
path: root/theme/admin/rsrc
diff options
context:
space:
mode:
authorThomas Lange <code@nerdmind.de>2021-06-14 16:22:47 +0200
committerThomas Lange <code@nerdmind.de>2021-06-14 16:22:47 +0200
commitfb704693dcb7591e0224a82280deb62601c8c17e (patch)
treeb3ea756ce7b978a58bd98dc01097cb2c36f3d2c4 /theme/admin/rsrc
parent534fa0a305116a835aaf614d2fbf6522d2fc0482 (diff)
downloadblog-fb704693dcb7591e0224a82280deb62601c8c17e.tar.gz
blog-fb704693dcb7591e0224a82280deb62601c8c17e.tar.xz
blog-fb704693dcb7591e0224a82280deb62601c8c17e.zip
Darken background on focused/active buttons
Diffstat (limited to 'theme/admin/rsrc')
-rw-r--r--theme/admin/rsrc/css/main.css11
-rw-r--r--theme/admin/rsrc/css/main.scss12
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%)
+ }
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++