Sidebar and NavTabs: additional CSS for focus state.

Signed-off-by: rdwebdesign <github@rdwebdesign.com.br>

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;

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);
 }

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;