1 files changed, 7 insertions, 7 deletions
diff --git a/app/assets/stylesheets/framework/variables.scss b/app/assets/stylesheets/framework/variables.scss
index bc649b6407d..eeffc4fc21b 100644
--- a/app/assets/stylesheets/framework/variables.scss
+++ b/app/assets/stylesheets/framework/variables.scss
@@ -8,8 +8,8 @@ $gutter-inner-width: 250px;
 $sidebar-transition-duration: 0.3s;
 $sidebar-breakpoint: 1024px;
 $default-transition-duration: 0.15s;
-$contextual-sidebar-width: 220px;
-$contextual-sidebar-collapsed-width: 48px;
+$contextual-sidebar-width: 256px;
+$contextual-sidebar-collapsed-width: 56px;
 $toggle-sidebar-height: 48px;
 
 /**
@@ -169,7 +169,7 @@ $purple-800: #453894 !default;
 $purple-900: #2f2a6b !default;
 $purple-950: #232150 !default;
 
-$gray-10: #fafafa !default;
+$gray-10: #f5f5f5 !default;
 $gray-50: #f0f0f0 !default;
 $gray-100: #dbdbdb !default;
 $gray-200: #bfbfbf !default;
@@ -357,6 +357,8 @@ $border-gray-normal-dashed: darken($gray-normal, $darken-border-dashed-factor);
 /*
  * UI elements
  */
+$contextual-sidebar-bg-color: #f5f5f5;
+$contextual-sidebar-border-color: #e9e9e9;
 $border-color: $gray-100;
 $shadow-color: $t-gray-a-08;
 $well-expand-item: #e8f2f7 !default;
@@ -426,8 +428,6 @@ $gl-padding-12: 12px;
 $gl-padding: 16px;
 $gl-padding-24: 24px;
 $gl-padding-32: 32px;
-$gl-padding-50: 50px;
-$gl-col-padding: 15px;
 $gl-input-padding: 10px;
 $gl-vert-padding: 6px;
 $gl-padding-top: 10px;
@@ -439,7 +439,7 @@ $browser-scrollbar-size: 10px;
 /*
  * Misc
  */
-$header-height: var(--header-height, 40px);
+$header-height: var(--header-height, 48px);
 $header-zindex: 1000;
 $zindex-dropdown-menu: 300;
 $suggestion-header-height: 46px;
@@ -580,7 +580,7 @@ $sidebar-toggle-height: 60px;
 $sidebar-toggle-width: 40px;
 $sidebar-milestone-toggle-bottom-margin: 10px;
 $sidebar-avatar-size: 32px;
-$sidebar-top-item-lr-margin: 4px;
+$sidebar-top-item-lr-margin: 8px;
 $sidebar-top-item-tb-margin: 1px;
 
 /*