diff --git a/css/area_main-sidebar.less b/css/area_main-sidebar.less
index 87370ae..f13def7 100644
--- a/css/area_main-sidebar.less
+++ b/css/area_main-sidebar.less
@@ -41,7 +41,7 @@
                     &:hover,
                     &:focus,
                     &:active {
-                        color: @button_color;
+                        color: @button_background;
                     }
                 }
             }
@@ -155,17 +155,17 @@
                             &:hover,
                             &:focus,
                             &:active {
-                                background-color: @button_background;
-                                border-color: @button_color;
-                                color: @button_color;
+                                background-color: @button_color;
+                                border-color: @button_background;
+                                color: @button_background;
                                 text-decoration: none;
 
                                 &::before {
-                                    color: @button_color;
+                                    color: @button_background;
                                 }
 
                                 &::after {
-                                    background-color: @button_color;
+                                    background-color: @button_background;
                                 }
                             }
                         }
@@ -173,23 +173,23 @@
 
                     &.opened {
                         a {
-                            background-color: @button_color;
-                            color: @button_background;
+                            background-color: @button_background;
+                            color: @button_color;
 
                             &::before {
-                                color: @button_background;
+                                color: @button_color;
                             }
 
                             &:hover,
                             &:focus,
                             &:active {
-                                background-color: @button_background;
-                                border-color: @button_color;
-                                color: @button_color;
+                                background-color: @button_color;
+                                border-color: @button_background;
+                                color: @button_background;
                                 text-decoration: none;
 
                                 &::before {
-                                    color: @button_color;
+                                    color: @button_background;
                                 }
                             }
                         }
diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less
index e5c3e60..0a84098 100755
--- a/css/area_nav-breadcrumb.less
+++ b/css/area_nav-breadcrumb.less
@@ -118,11 +118,11 @@
             &:hover,
             &:active,
             &:focus {
-                border-color: @button_color;
-                color: @button_color;
+                border-color: @button_background;
+                color: @button_background;
 
                 .prefix {
-                    color: @button_color;
+                    color: @button_background;
                 }
             }
         }
diff --git a/css/area_nav-usertools.less b/css/area_nav-usertools.less
index 0d1b134..eba2f87 100755
--- a/css/area_nav-usertools.less
+++ b/css/area_nav-usertools.less
@@ -110,10 +110,10 @@
             &:hover,
             &:active,
             &:focus {
-                border-color: @button_color;
+                border-color: @button_background;
                 //-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
                 //box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
-                color: @button_color;
+                color: @button_background;
             }
 
             &::before {
diff --git a/css/area_sidebar-search.less b/css/area_sidebar-search.less
index ff96456..1006884 100755
--- a/css/area_sidebar-search.less
+++ b/css/area_sidebar-search.less
@@ -46,11 +46,11 @@
             &:hover,
             &:focus,
             &:active {
-                border: solid 1px @button_color;
-                color: @button_color;
+                border: solid 1px @button_background;
+                color: @button_background;
 
                 &::after {
-                    background-color: @button_color;
+                    background-color: @button_background;
                 }
             }
 
diff --git a/css/area_sidetools.less b/css/area_sidetools.less
index 348a927..219d910 100644
--- a/css/area_sidetools.less
+++ b/css/area_sidetools.less
@@ -70,7 +70,7 @@
             &:hover,
             &:focus,
             &:active {
-                color: @button_color;
+                color: @button_background;
             }
         }
 
diff --git a/css/base_mixins.less b/css/base_mixins.less
index 9f75f95..242cd04 100755
--- a/css/base_mixins.less
+++ b/css/base_mixins.less
@@ -162,9 +162,9 @@
         position: absolute;
         right: -.5em;
         top: -.4em;
-        background-color: @button_color;
+        background-color: @button_background;
         border-radius: 2px;
-        color: @button_background;
+        color: @button_color;
         font-size: .6rem;
         font-weight: 400;
         text-align: center;
@@ -178,8 +178,8 @@
         &:active,
         &:focus {
             .num {
-                background-color: @button_color;
-                color: @button_background;
+                background-color: @button_background;
+                color: @button_color;
             }
         }
     }