From 14acab1c06e50896af247c9e0128c33e3c9223cb Mon Sep 17 00:00:00 2001
From: manajdov <manajdov@microsoft.com>
Date: Fri, 10 May 2019 12:35:34 +0200
Subject: [PATCH] -fixed styles for menu in editor

---
 .../ComponentExample/ComponentExample.tsx     | 25 ++++++-------------
 1 file changed, 8 insertions(+), 17 deletions(-)

diff --git a/docs/src/components/ComponentDoc/ComponentExample/ComponentExample.tsx b/docs/src/components/ComponentDoc/ComponentExample/ComponentExample.tsx
index d4dd976597..2cceb1a254 100644
--- a/docs/src/components/ComponentDoc/ComponentExample/ComponentExample.tsx
+++ b/docs/src/components/ComponentDoc/ComponentExample/ComponentExample.tsx
@@ -225,15 +225,13 @@ class ComponentExample extends React.Component<ComponentExampleProps, ComponentE
     }
   }
 
-  exampleMenuVariables = {
-    primaryActiveBackgroundColor: 'transparent',
-    primaryActiveBorderColor: 'white',
-    primaryActiveColor: 'white',
-    primaryBorderColor: 'white',
-    activeColor: 'white',
-    disabledColor: '#ffffff80',
-    color: '#ffffff80',
-  }
+  exampleMenuVariables = siteVars => ({
+    backgroundColorActive: 'transparent',
+    borderColorActive: siteVars.colors.white,
+    colorActive: siteVars.colors.white,
+    primaryBorderColor: siteVars.colors.white,
+    color: siteVars.colors.white,
+  })
 
   renderAPIsMenu = (): JSX.Element => {
     const { componentAPIs, currentCodeAPI } = this.props
@@ -252,7 +250,6 @@ class ComponentExample extends React.Component<ComponentExampleProps, ComponentE
 
     return (
       <Menu
-        primary
         underlined
         items={menuItems}
         variables={this.exampleMenuVariables}
@@ -280,7 +277,6 @@ class ComponentExample extends React.Component<ComponentExampleProps, ComponentE
 
     return (
       <Menu
-        primary
         underlined
         items={menuItems}
         variables={this.exampleMenuVariables}
@@ -365,15 +361,10 @@ class ComponentExample extends React.Component<ComponentExampleProps, ComponentE
     return (
       <Menu
         size="small"
-        primary
         underlined
         activeIndex={-1}
         styles={codeEditorStyle}
-        variables={{
-          activeColor: 'white',
-          disabledColor: '#ffffff60',
-          color: '#ffffffb0',
-        }}
+        variables={this.exampleMenuVariables}
         items={menuItems}
       />
     )