diff --git a/default-dark/default-dark-variables.scss b/default-dark/default-dark-variables.scss
index 00803fa..8b739f7 100644
--- a/default-dark/default-dark-variables.scss
+++ b/default-dark/default-dark-variables.scss
@@ -48,6 +48,12 @@ $forms-text-color: #555555;
 $forms-background-color: #ffffff;
 
 
+// Vue.js tree
+$tree-text-focus-color: $text-color;
+$tree-background-focus-color: #505050;
+$tree-background-selected-color: #606060;
+
+
 // Django autocomplete light
 $dal-result-focus-background-color: #5897fb;
 
diff --git a/template-variables.scss b/template-variables.scss
index 2fc50b1..3279219 100644
--- a/template-variables.scss
+++ b/template-variables.scss
@@ -52,6 +52,12 @@ $forms-text-color: none;
 $forms-background-color: none;
 
 
+// Vue.js tree
+$tree-text-focus-color: none;
+$tree-background-focus-color: none;
+$tree-background-selected-color: none;
+
+
 // Django autocomplete light
 $dal-result-focus-background-color: none;
 
@@ -64,7 +70,7 @@ $navbar-brand-color: none;
 
 $navbar-background-color: none;
 $navbar-background-active-color: none;
-$navbar-border-color: transparent;
+$navbar-border-color: none;
 
 $secondary-navbar-background-color: none;
 
@@ -95,7 +101,7 @@ $panel-badge-background-color: none;
 
 
 // Cards
-$thumbnail-background-color: transparent;
+$thumbnail-background-color: none;
 $thumbnail-border-color: none;
 
 
@@ -107,7 +113,7 @@ $modal-heading-border-color: none;
 
 
 // Tables
-$table-background-color: transparent;
+$table-background-color: none;
 $table-alt-background-color: none;
 
 $table-default-background-color: none;
@@ -140,4 +146,4 @@ $table-dark-focus-background-color: none;
 
 // Lists
 $list-background-color: none;
-$list-border-color: transparent;
+$list-border-color: none;
diff --git a/template.scss b/template.scss
index c75bd82..f2d9dc9 100644
--- a/template.scss
+++ b/template.scss
@@ -181,10 +181,16 @@ a:hover {
 }
 .tree-node > .tree-content:focus > .tree-anchor,
 .tree-node > .tree-content:hover > .tree-anchor {
-    color: $text-focus-color !important;
+    color: $tree-text-focus-color !important;
 }
 .tree-node.selected > .tree-content > .tree-anchor {
-    color: $text-focus-color !important;
+    color: $tree-text-focus-color !important;
+}
+.tree-node > .tree-content:hover {
+    background-color: $tree-background-focus-color !important;
+}
+.tree-node.selected > .tree-content {
+    background-color: $tree-background-selected-color !important;
 }