From 675a1a620646956948d33a6792a34740ec908a2e Mon Sep 17 00:00:00 2001
From: rdwebdesign <github@rdwebdesign.com.br>
Date: Sat, 30 Oct 2021 17:29:16 -0300
Subject: [PATCH] Sidebar and NavTabs: additional CSS for focus state.

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

diff --git a/style/themes/default-dark.css b/style/themes/default-dark.css
index b51c13d1..b4598a3f 100644
--- a/style/themes/default-dark.css
+++ b/style/themes/default-dark.css
@@ -116,6 +116,10 @@ h4 {
 .treeview-menu > li > a:hover {
   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;
@@ -275,6 +279,9 @@ h4 {
 .nav-tabs-custom > .nav-tabs > li > a {
   color: #bec5cb;
 }
+.nav-tabs-custom > .nav-tabs > li > a:focus {
+  background: #353c42;
+}
 .list-group {
   color: #bec5cb;
   background-color: #272c30;
diff --git a/style/themes/default-darker.css b/style/themes/default-darker.css
index 06835bb2..14fe273c 100644
--- a/style/themes/default-darker.css
+++ b/style/themes/default-darker.css
@@ -3470,6 +3470,10 @@ a:focus {
   background-image: none;
   color: rgb(168, 160, 149);
 }
+.nav-tabs-custom > .nav-tabs > li > a:focus, .nav-tabs-custom > .nav-tabs > li.active > a:focus  {
+  color: rgb(95, 142, 170);
+}
+
 .nav-tabs-custom.tab-primary > .nav-tabs > li.active {
   border-top-color: rgb(44, 103, 137);
 }
@@ -5764,6 +5768,10 @@ hr {
 .treeview-menu > li > a:hover {
   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 ac3b852e..1fb452b4 100644
--- a/style/themes/default-light.css
+++ b/style/themes/default-light.css
@@ -128,6 +128,14 @@
   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;
+}
+
 .layout-top-nav .main-header > .logo {
   background-color: #3c8dbc;
   color: #fff;