Deploying to gh-pages from @ EnderIce2/Fennix@2bb997597e 🚀

docs/navtree.css

@@ -22,8 +22,13 @@
 #nav-tree .selected {
   background-image: url('tab_a.png');
   background-repeat:repeat-x;
-  color: #fff;
-  text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
+  color: var(--nav-text-active-color);
+  text-shadow: var(--nav-text-active-shadow);
+}
+
+#nav-tree .selected .arrow {
+  color: var(--nav-arrow-selected-color);
+  text-shadow: none;
 }
 
 #nav-tree img {
@@ -37,13 +42,12 @@
   text-decoration:none;
   padding:0px;
   margin:0px;
-  outline:none;
 }
 
 #nav-tree .label {
   margin:0px;
   padding:0px;
-  font: 12px 'Lucida Grande',Geneva,Helvetica,Arial,sans-serif;
+  font: 12px var(--font-family-nav);
 }
 
 #nav-tree .label a {
@@ -52,7 +56,7 @@
 
 #nav-tree .selected a {
   text-decoration:none;
-  color:#fff;
+  color:var(--nav-text-active-color);
 }
 
 #nav-tree .children_ul {
@@ -67,7 +71,6 @@
 
 #nav-tree {
   padding: 0px 0px;
-  background-color: #FAFAFF; 
   font-size:14px;
   overflow:auto;
 }
@@ -86,7 +89,8 @@
   display:block;
   position: absolute;
   left: 0px;
-  width: 250px;
+  width: $width;
+  overflow : hidden;
 }
 
 .ui-resizable .ui-resizable-handle {
@@ -94,7 +98,7 @@
 }
 
 .ui-resizable-e {
-  background-image:url("splitbar.png");
+  background-image:var(--nav-splitbar-image);
   background-size:100%;
   background-repeat:repeat-y;
   background-attachment: scroll;
@@ -117,9 +121,8 @@
 }
 
 #nav-tree {
-  background-image:url('nav_h.png');
   background-repeat:repeat-x;
-  background-color: #F9FAFC;
+  background-color: var(--nav-background-color);
   -webkit-overflow-scrolling : touch; /* iOS 5+ */
 }