From fb704693dcb7591e0224a82280deb62601c8c17e Mon Sep 17 00:00:00 2001 From: Thomas Lange Date: Mon, 14 Jun 2021 16:22:47 +0200 Subject: Darken background on focused/active buttons --- theme/admin/rsrc/css/main.css | 11 +++++++++-- theme/admin/rsrc/css/main.scss | 12 ++++++++++++ 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%) + } } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -- cgit v1.2.3