From c36e08dbccd8fc6416f2cf6a39364078752b56b5 Mon Sep 17 00:00:00 2001
From: rdwebdesign <github@rdwebdesign.com.br>
Date: Wed, 3 Nov 2021 00:50:52 -0300
Subject: [PATCH] Sidebar: same effect for hover and focus (all themes).

Signed-off-by: rdwebdesign <github@rdwebdesign.com.br>
---
 style/themes/default-dark.css   | 11 +++++------
 style/themes/default-darker.css |  9 ++++-----
 style/themes/default-light.css  |  8 +++-----
 3 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/style/themes/default-dark.css b/style/themes/default-dark.css
index b4598a3f..8abb709a 100644
--- a/style/themes/default-dark.css
+++ b/style/themes/default-dark.css
@@ -95,9 +95,11 @@ h4 {
   border-left: 3px solid transparent;
 }
 .sidebar-menu > li:hover > a,
+.sidebar-menu > li > a:focus,
 .sidebar-menu > li.active > a {
   color: #fff;
   background-color: #22272a;
+  border-color: #3c8dbc;
 }
 .sidebar-menu > li > .treeview-menu {
   margin: 0 1px;
@@ -113,13 +115,10 @@ h4 {
   color: #949fa8;
 }
 .treeview-menu > li.active > a,
-.treeview-menu > li > a:hover {
+.treeview-menu > li > a:hover,
+.treeview-menu > li > a:focus {
   color: #fff;
 }
-.sidebar-menu > li > a:focus, .treeview-menu > li > a:focus {
-  color: #FFF;
-  border-color: #bec5cb;
-}
 .sidebar-form {
   border-radius: 3px;
   border: 1px solid #3e464c;
@@ -280,7 +279,7 @@ h4 {
   color: #bec5cb;
 }
 .nav-tabs-custom > .nav-tabs > li > a:focus {
-  background: #353c42;
+  background: #404850;
 }
 .list-group {
   color: #bec5cb;
diff --git a/style/themes/default-darker.css b/style/themes/default-darker.css
index 14fe273c..d18dac60 100644
--- a/style/themes/default-darker.css
+++ b/style/themes/default-darker.css
@@ -5744,9 +5744,10 @@ hr {
   background-color: rgb(21, 27, 30);
 }
 .sidebar-menu > li > a {
-  border-left-color: transparent;
+  border-left: 3px solid transparent;
 }
 .sidebar-menu > li:hover > a,
+.sidebar-menu > li > a:focus,
 .sidebar-menu > li.active > a {
   color: rgb(232, 230, 227);
   background-color: rgb(24, 32, 35);
@@ -5765,12 +5766,10 @@ hr {
   color: rgb(170, 162, 151);
 }
 .treeview-menu > li.active > a,
-.treeview-menu > li > a:hover {
+.treeview-menu > li > a:hover, 
+.treeview-menu > li > a:focus {
   color: rgb(232, 230, 227);
 }
-.sidebar-menu > li > a:focus, .treeview-menu > li > a:focus {
-  color: #FFF;
-}
 
 .sidebar-form {
   border-color: rgb(118, 109, 97);
diff --git a/style/themes/default-light.css b/style/themes/default-light.css
index 1fb452b4..0ee69ccb 100644
--- a/style/themes/default-light.css
+++ b/style/themes/default-light.css
@@ -71,6 +71,7 @@
   border-left: 3px solid transparent;
 }
 .sidebar-menu > li:hover > a,
+.sidebar-menu > li > a:focus,
 .sidebar-menu > li.active > a {
   color: #fff;
   background-color: #1e282c;
@@ -90,7 +91,8 @@
   color: #8aa4af;
 }
 .treeview-menu > li.active > a,
-.treeview-menu > li > a:hover {
+.treeview-menu > li > a:hover,
+.treeview-menu > li > a:focus {
   color: #fff;
 }
 .sidebar-form {
@@ -128,10 +130,6 @@
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 0;
 }
-.sidebar-menu > li > a:focus, .treeview-menu > li > a:focus {
-  color: #FFF;
-  border-color: #b8c7ce;
-}
 .nav-tabs-custom > .nav-tabs > li > a:focus {
   color: #60a4cc;
 }