diff --git a/src/app/pages/ui/typography/typography.html b/src/app/pages/ui/typography/typography.html
index 02b1860..2b72809 100644
--- a/src/app/pages/ui/typography/typography.html
+++ b/src/app/pages/ui/typography/typography.html
@@ -144,9 +144,9 @@
         </p>
       </div>
       <div class="section-block links">
-        <p><a href>Active link — #D6FF8A</a></p>
+        <p><a href>Active link — #209e91</a></p>
 
-        <p class="hovered"><a href>Hover link — #9EB546</a></p>
+        <p class="hovered"><a href>Hover link — #17857a</a></p>
       </div>
     </div>
   </div>
diff --git a/src/sass/theme/components/_pageTop.scss b/src/sass/theme/components/_pageTop.scss
index 4e6b919..a5b04a4 100644
--- a/src/sass/theme/components/_pageTop.scss
+++ b/src/sass/theme/components/_pageTop.scss
@@ -24,7 +24,7 @@ a.al-logo {
   line-height: 60px;
 
   span {
-    color: $success;
+    color: $primary;
   }
 }
 
diff --git a/src/sass/theme/components/_sidebar.scss b/src/sass/theme/components/_sidebar.scss
index 369f737..fe9a9a6 100644
--- a/src/sass/theme/components/_sidebar.scss
+++ b/src/sass/theme/components/_sidebar.scss
@@ -36,7 +36,7 @@ $angle-right: "\f101";
   float: none;
   padding: 0;
   &.selected:not(.with-sub-menu) {
-    background-color: $success;
+    background-color: $primary;
     a.al-sidebar-list-link {
       color: $default;
       b {
@@ -59,9 +59,9 @@ a.al-sidebar-list-link {
   overflow: hidden;
   cursor: pointer;
   &:hover {
-    color: $success;
+    color: $primary;
     b {
-      color: $success;
+      color: $primary;
     }
   }
   i {
@@ -125,12 +125,12 @@ a.al-sidebar-list-link {
       height: auto;
       line-height: 29px;
       &:hover {
-        color: $success;
+        color: $primary;
       }
     }
     &.selected:not(.with-sub-menu) > a {
       border: none;
-      background-color: $success;
+      background-color: $primary;
       &:hover {
         color: $default;
       }
@@ -145,7 +145,7 @@ a.al-sidebar-list-link {
 
 .sidebar-hover-elem, .sidebar-select-elem {
   width: 4px;
-  background: $success;
+  background: $primary;
   position: absolute;
   top: 0;
   left: 176px;
diff --git a/src/sass/theme/conf/_variables.scss b/src/sass/theme/conf/_variables.scss
index 498f406..eee7db7 100644
--- a/src/sass/theme/conf/_variables.scss
+++ b/src/sass/theme/conf/_variables.scss
@@ -37,8 +37,8 @@ $danger-traffic-charts: #e85656;
 
 
 $accent: #E3FF53;
-$activelink: #D6FF8A;
-$hoverlink: #9EB546;
+$activelink: $primary;
+$hoverlink: $primary-dark;
 
 $facebook-color: #3b5998;
 $twitter-color: #55acee;