diff --git a/samples/react-themes/assets/themes.png b/samples/react-themes/assets/themes.png index f0e1dad12..7b9c6c83a 100644 Binary files a/samples/react-themes/assets/themes.png and b/samples/react-themes/assets/themes.png differ diff --git a/samples/react-themes/src/webparts/themes/components/Themes.module.scss b/samples/react-themes/src/webparts/themes/components/Themes.module.scss index 005e08544..11bc8214b 100644 --- a/samples/react-themes/src/webparts/themes/components/Themes.module.scss +++ b/samples/react-themes/src/webparts/themes/components/Themes.module.scss @@ -1,4 +1,4 @@ -$primary: "[theme:primaryBackground, default: #0273eb]"; +$primary: "[theme:primaryBackground, default: #fff]"; $primaryText: "[theme:primaryText, default: #333333]"; $themePrimary: "[theme:themePrimary, default: #0078d7]"; diff --git a/samples/react-themes/src/webparts/themes/components/Themes.tsx b/samples/react-themes/src/webparts/themes/components/Themes.tsx index 0dd5d6616..e0c5fd876 100644 --- a/samples/react-themes/src/webparts/themes/components/Themes.tsx +++ b/samples/react-themes/src/webparts/themes/components/Themes.tsx @@ -37,7 +37,7 @@ export default class Themes extends React.Component { return (

{'This web part shows usage of SharePoint Themes.'}

-

{'Background color of paragraphs is set to "primaryBackgroud", variables list backogrud color is set to "themePrimary", font color is set to "primaryColor"'}

+

{'Background color of paragraphs is set to "primaryBackgroud", variables list backogrud color is set to "themePrimary", font color is set to "primaryText"'}

{'Full list of available theme variables is available in windows.__themeState__.theme property and listed below'}

{'You can use theme variables in your .scss files like $yourVariable:"[theme:primaryBackground, default:#0273eb]"'}

{'Change the theme (Site Settings -> Change the look) and see what\'s happenning'}