diff --git a/src/assets/styles/app.scss b/src/assets/styles/app.scss
index 0824f06c2..1d9fccb1c 100644
--- a/src/assets/styles/app.scss
+++ b/src/assets/styles/app.scss
@@ -454,7 +454,7 @@ a {
     .content-section {
         display: block;
         padding: 30px;
-        background-color: #f8f8f8;
+        background-color: #f5f7f8;
 
         &:first-of-type > div > span {
             line-height: 1.5em;
@@ -466,7 +466,7 @@ a {
 
         &.introduction {
             color: #ffffff;
-            background-image: linear-gradient(to left, #455A64, #607D8B);
+            background-color: #607D8B;
 
             .feature-intro {
 
@@ -547,7 +547,7 @@ a {
         }
 
         &.content-submenu {
-            background-color: #3e5265;
+            background-color: #546E7A;
             padding: 15px 30px;
 
             ul {
@@ -571,7 +571,7 @@ a {
                         transition: background-color .1s;
 
                         &:hover {
-                            background-color: #4c667d;
+                            background-color: rgba(255,255,255,0.1);
                         }
 
                         &:focus {
@@ -581,7 +581,6 @@ a {
                         }
 
                         &.router-link-exact-active {
-                            color: #aebecd;
                             font-weight: 700;
                         }
                     }
diff --git a/src/views/datatable/DataTableSubMenu.vue b/src/views/datatable/DataTableSubMenu.vue
index d473fc38c..1e1ea558b 100755
--- a/src/views/datatable/DataTableSubMenu.vue
+++ b/src/views/datatable/DataTableSubMenu.vue
@@ -1,29 +1,29 @@
 <template>
     <div class="content-section content-submenu p-clearfix">
         <ul>
-            <li><router-link to="/datatable">&#9679; Documentation</router-link></li>
-            <li><router-link to="/datatable/basic">&#9679; Basic</router-link></li>
-            <li><router-link to="/datatable/dynamiccolumns">&#9679; Dynamic</router-link></li>
-            <li><router-link to="/datatable/templating">&#9679; Templating</router-link></li>
-            <li><router-link to="/datatable/colgroup">&#9679; ColGroup</router-link></li>
-            <li><router-link to="/datatable/paginator">&#9679; Paginator</router-link></li>
-            <li><router-link to="/datatable/sort">&#9679; Sort</router-link></li>
-            <li><router-link to="/datatable/filter">&#9679; Filter</router-link></li>
-            <li><router-link to="/datatable/selection">&#9679; Selection</router-link></li>
-            <li><router-link to="/datatable/lazy">&#9679; Lazy</router-link></li>
-            <li><router-link to="/datatable/scroll">&#9679; Scroll</router-link></li>
-            <li><router-link to="/datatable/rowexpand">&#9679; Expand</router-link></li>
-            <li><router-link to="/datatable/edit">&#9679; Edit</router-link></li>
-            <li><router-link to="/datatable/coltoggle">&#9679; ColToggle</router-link></li>
-            <li><router-link to="/datatable/colresize">&#9679; ColResize</router-link></li>
-            <li><router-link to="/datatable/reorder">&#9679; Reorder</router-link></li>
-            <li><router-link to="/datatable/rowgroup">&#9679; RowGroup</router-link></li>
-            <li><router-link to="/datatable/contextmenu">&#9679; ContextMenu</router-link></li>
-            <li><router-link to="/datatable/responsive">&#9679; Responsive</router-link></li>
-            <li><router-link to="/datatable/export">&#9679; Export</router-link></li>
-            <li><router-link to="/datatable/state">&#9679; State</router-link></li>
-            <li><router-link to="/datatable/style">&#9679; Style</router-link></li>
-            <li><router-link to="/datatable/crud">&#9679; Crud</router-link></li>
+            <li><router-link to="/datatable">Documentation</router-link></li>
+            <li><router-link to="/datatable/basic">Basic</router-link></li>
+            <li><router-link to="/datatable/dynamiccolumns">Dynamic</router-link></li>
+            <li><router-link to="/datatable/templating">Templating</router-link></li>
+            <li><router-link to="/datatable/colgroup">ColGroup</router-link></li>
+            <li><router-link to="/datatable/paginator">Paginator</router-link></li>
+            <li><router-link to="/datatable/sort">Sort</router-link></li>
+            <li><router-link to="/datatable/filter">Filter</router-link></li>
+            <li><router-link to="/datatable/selection">Selection</router-link></li>
+            <li><router-link to="/datatable/lazy">Lazy</router-link></li>
+            <li><router-link to="/datatable/scroll">Scroll</router-link></li>
+            <li><router-link to="/datatable/rowexpand">Expand</router-link></li>
+            <li><router-link to="/datatable/edit">Edit</router-link></li>
+            <li><router-link to="/datatable/coltoggle">ColToggle</router-link></li>
+            <li><router-link to="/datatable/colresize">ColResize</router-link></li>
+            <li><router-link to="/datatable/reorder">Reorder</router-link></li>
+            <li><router-link to="/datatable/rowgroup">RowGroup</router-link></li>
+            <li><router-link to="/datatable/contextmenu">ContextMenu</router-link></li>
+            <li><router-link to="/datatable/responsive">Responsive</router-link></li>
+            <li><router-link to="/datatable/export">Export</router-link></li>
+            <li><router-link to="/datatable/state">State</router-link></li>
+            <li><router-link to="/datatable/style">Style</router-link></li>
+            <li><router-link to="/datatable/crud">Crud</router-link></li>
         </ul>
     </div>
 </template>
diff --git a/src/views/galleria/GalleriaSubMenu.vue b/src/views/galleria/GalleriaSubMenu.vue
index 0473becb5..957c41c2e 100755
--- a/src/views/galleria/GalleriaSubMenu.vue
+++ b/src/views/galleria/GalleriaSubMenu.vue
@@ -1,15 +1,15 @@
 <template>
     <div class="content-section content-submenu p-clearfix">
         <ul>
-            <li><router-link to="/galleria">&#9679; Documentation</router-link></li>
-            <li><router-link to="/galleria/basic">&#9679; Basic</router-link></li>
-            <li><router-link to="/galleria/indicator">&#9679; Indicator</router-link></li>
-            <li><router-link to="/galleria/thumbnail">&#9679; Thumbnail</router-link></li>
-            <li><router-link to="/galleria/preview">&#9679; Preview</router-link></li>
-            <li><router-link to="/galleria/responsive">&#9679; Responsive</router-link></li>
-            <li><router-link to="/galleria/fullscreen">&#9679; FullScreen</router-link></li>
-            <li><router-link to="/galleria/circular">&#9679; Circular</router-link></li>
-            <li><router-link to="/galleria/caption">&#9679; Caption</router-link></li>
+            <li><router-link to="/galleria">Documentation</router-link></li>
+            <li><router-link to="/galleria/basic">Basic</router-link></li>
+            <li><router-link to="/galleria/indicator">Indicator</router-link></li>
+            <li><router-link to="/galleria/thumbnail">Thumbnail</router-link></li>
+            <li><router-link to="/galleria/preview">Preview</router-link></li>
+            <li><router-link to="/galleria/responsive">Responsive</router-link></li>
+            <li><router-link to="/galleria/fullscreen">FullScreen</router-link></li>
+            <li><router-link to="/galleria/circular">Circular</router-link></li>
+            <li><router-link to="/galleria/caption">Caption</router-link></li>
         </ul>
     </div>
 </template>
diff --git a/src/views/tree/TreeSubMenu.vue b/src/views/tree/TreeSubMenu.vue
index 09eb72c49..3ae91cb8e 100755
--- a/src/views/tree/TreeSubMenu.vue
+++ b/src/views/tree/TreeSubMenu.vue
@@ -1,11 +1,11 @@
 <template>
     <div class="content-section content-submenu p-clearfix">
         <ul>
-            <li><router-link to="/tree">&#9679; Documentation</router-link></li>
-            <li><router-link to="/tree/selection">&#9679; Selection</router-link></li>
-            <li><router-link to="/tree/lazy">&#9679; Lazy</router-link></li>
-            <li><router-link to="/tree/templating">&#9679; Templating</router-link></li>
-            <li><router-link to="/tree/filter">&#9679; Filter</router-link></li>
+            <li><router-link to="/tree">Documentation</router-link></li>
+            <li><router-link to="/tree/selection">Selection</router-link></li>
+            <li><router-link to="/tree/lazy">Lazy</router-link></li>
+            <li><router-link to="/tree/templating">Templating</router-link></li>
+            <li><router-link to="/tree/filter">Filter</router-link></li>
         </ul>
     </div>
 </template>
diff --git a/src/views/treetable/TreeTableSubMenu.vue b/src/views/treetable/TreeTableSubMenu.vue
index 8398558e7..7f371ff2b 100755
--- a/src/views/treetable/TreeTableSubMenu.vue
+++ b/src/views/treetable/TreeTableSubMenu.vue
@@ -1,16 +1,16 @@
 <template>
     <div class="content-section content-submenu p-clearfix">
         <ul>
-            <li><router-link to="/treetable">&#9679; Documentation</router-link></li>
-            <li><router-link to="/treetable/templating">&#9679; Templating</router-link></li>
-            <li><router-link to="/treetable/paginator">&#9679; Paginator</router-link></li>
-            <li><router-link to="/treetable/sort">&#9679; Sort</router-link></li>
-            <li><router-link to="/treetable/filter">&#9679; Filter</router-link></li>
-            <li><router-link to="/treetable/selection">&#9679; Selection</router-link></li>
-            <li><router-link to="/treetable/lazy">&#9679; Lazy</router-link></li>
-            <li><router-link to="/treetable/coltoggle">&#9679; ColToggle</router-link></li>
-            <li><router-link to="/treetable/colresize">&#9679; Resize</router-link></li>
-            <li><router-link to="/treetable/responsive">&#9679; Responsive</router-link></li>
+            <li><router-link to="/treetable">Documentation</router-link></li>
+            <li><router-link to="/treetable/templating">Templating</router-link></li>
+            <li><router-link to="/treetable/paginator">Paginator</router-link></li>
+            <li><router-link to="/treetable/sort">Sort</router-link></li>
+            <li><router-link to="/treetable/filter">Filter</router-link></li>
+            <li><router-link to="/treetable/selection">Selection</router-link></li>
+            <li><router-link to="/treetable/lazy">Lazy</router-link></li>
+            <li><router-link to="/treetable/coltoggle">ColToggle</router-link></li>
+            <li><router-link to="/treetable/colresize">Resize</router-link></li>
+            <li><router-link to="/treetable/responsive">Responsive</router-link></li>
         </ul>
     </div>
 </template>