diff --git a/modules/backend/assets/css/october.css b/modules/backend/assets/css/october.css
index 7f80352d0..9ec2327d4 100644
--- a/modules/backend/assets/css/october.css
+++ b/modules/backend/assets/css/october.css
@@ -7789,7 +7789,7 @@ body {
 }
 body {
   webkit-font-smoothing: antialiased;
-  background: #fafafa;
+  background: #f9f9f9;
 }
 #layout-canvas {
   min-height: 100%;
@@ -10086,7 +10086,7 @@ table.table.data tr.list-tree-level-25 td.list-cell-index-1 {
   -moz-border-radius: 2px;
   border-radius: 2px;
   border: none;
-  background: #fafafa;
+  background: #f9f9f9;
 }
 .modal-content .close {
   color: #fff;
@@ -10184,7 +10184,7 @@ table.table.data tr.list-tree-level-25 td.list-cell-index-1 {
   color: #999999;
   font-size: 14px;
   font-weight: 500;
-  background: #fafafa;
+  background: #f9f9f9;
   text-align: left;
   z-index: 100;
 }
@@ -11361,7 +11361,7 @@ body.dropdown-open .dropdown-overlay {
   border-right: none!important;
   padding: 0 0 10px 0;
   color: #cccccc;
-  background: #fafafa;
+  background: #f9f9f9;
   font-weight: 400;
   max-width: 150px;
   text-overflow: ellipsis;
@@ -11597,7 +11597,7 @@ body.dropdown-open .dropdown-overlay {
   right: 2px;
   left: 0;
   content: ' ';
-  background-color: #fafafa;
+  background-color: #f9f9f9;
 }
 .control-tabs.primary > ul.nav-tabs > li.active a,
 .control-tabs.primary > div > ul.nav-tabs > li.active a,
@@ -12874,7 +12874,7 @@ div.popover-overlay {
 }
 .fancy-layout .control-tabs > div.tab-content,
 .fancy-layout.control-tabs > div.tab-content {
-  background: #fafafa;
+  background: #f9f9f9;
 }
 .fancy-layout .control-tabs > div.tab-content > div.tab-pane,
 .fancy-layout.control-tabs > div.tab-content > div.tab-pane {
diff --git a/modules/backend/assets/less/core/variables.less b/modules/backend/assets/less/core/variables.less
index 6183ffbcd..461273320 100644
--- a/modules/backend/assets/less/core/variables.less
+++ b/modules/backend/assets/less/core/variables.less
@@ -53,7 +53,7 @@
 // --------------------------------------------------
 
 @color-link:                                 #0181b9;
-@color-body-bg:                              #fafafa;
+@color-body-bg:                              #f9f9f9;
 
 @color-focus:                                @brand-primary;
 @color-border:                               #cccccc;
@@ -120,11 +120,11 @@
 @color-scroll-indicator:                     #bbbbbb;
 @color-scrollpanel-fix-button:               #aaaaaa;
 
-@color-richeditor-toolbar:                  #dddddd;
-@color-richeditor-toolbar-btn-color:        #404040;
-@color-richeditor-toolbar-btn-bg:           #404040;
-@color-richeditor-toolbar-btn-bg-hover:     #999999;
-@color-richeditor-toolbar-btn-color-hover:  #ffffff;
+@color-richeditor-toolbar:                   #dddddd;
+@color-richeditor-toolbar-btn-color:         #404040;
+@color-richeditor-toolbar-btn-bg-hover:      #999999;
+@color-richeditor-toolbar-btn-bg-active:     #404040;
+@color-richeditor-toolbar-btn-color-hover:   #ffffff;
 
 @color-form-field-border:                    #e0e0e0;
 @color-form-field-border-focus:              #808c8d;