Merge pull request #947 from SharePoint/thechriskent-patch-1

Font Color to Background Color

samples/section-backgrounds/src/webparts/basicPlainSectionBackgroundExample/BasicPlainSectionBackgroundExampleWebPart.ts

@@ -11,7 +11,7 @@ export default class BasicPlainSectionBackgroundExampleWebPart extends BaseClien
     // See https://github.com/OfficeDev/office-ui-fabric-react/wiki/Theming
     const semanticColors: Readonly<ISemanticColors> | undefined = this._themeVariant && this._themeVariant.semanticColors;
 
-    const style: string = ` style="color:${semanticColors.bodyText}"`;
+    const style: string = ` style="background-color:${semanticColors.bodyBackground}"`;
     this.domElement.innerHTML = `<p${'' || (this._themeProvider && style)}>${this._textContent}</p>`;
   }
 

samples/section-backgrounds/src/webparts/basicReactSectionBackgroundExample/components/BasicSectionBackgroundExample.tsx

@@ -11,7 +11,7 @@ export default class BasicSectionBackgroundExample extends React.Component<IBasi
     const { semanticColors }: IReadonlyTheme = this.props.themeVariant;
 
     return (
-      <div style={{color: semanticColors.bodyText}}>
+      <div style={{backgroundColor: semanticColors.bodyBackground}}>
         <p>This React web part has support for section backgrounds and will inherit its background from the section</p>
       </div>
     );