-fixed styles for menu in editor (#1315)

microsoft · May 10, 2019 · 08d2f82 · 08d2f82
1 parent 237e383
commit 08d2f82
Showing 1 changed file with 8 additions and 17 deletions.
diff --git 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}
       />
     )