honeymoose
/
sp-dev-fx-webparts
mirror of https://github.com/pnp/sp-dev-fx-webparts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

React themes demo (#199) 

* Issue: text in web part says primaryColor instead of primaryText

* Screenshot updated
This commit is contained in:
Alex Terentiev 2017-05-08 16:52:03 -07:00 committed by Vesa Juvonen
parent 1e456a5a49
commit f0126843a6
3 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
samples/react-themes/assets/themes.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 183 KiB

After

Width:  |  Height:  |  Size: 199 KiB

2
samples/react-themes/src/webparts/themes/components/Themes.module.scss
View File

@ -1,4 +1,4 @@
$primary: "[theme:primaryBackground, default: #0273eb]";
$primary: "[theme:primaryBackground, default: #fff]";
$primaryText: "[theme:primaryText, default: #333333]";
$themePrimary: "[theme:themePrimary, default: #0078d7]";

2
samples/react-themes/src/webparts/themes/components/Themes.tsx
View File

@ -37,7 +37,7 @@ export default class Themes extends React.Component<IThemesProps, void> {
return (
<div className={styles.main}>
<p>{'This web part shows usage of SharePoint Themes.'}</p>
<p>{'Background color of paragraphs is set to "primaryBackgroud", variables list backogrud color is set to "themePrimary", font color is set to "primaryColor"'}</p>
<p>{'Background color of paragraphs is set to "primaryBackgroud", variables list backogrud color is set to "themePrimary", font color is set to "primaryText"'}</p>
<p>{'Full list of available theme variables is available in windows.__themeState__.theme property and listed below'}</p>
<p>{'You can use theme variables in your .scss files like $yourVariable:"[theme:primaryBackground, default:#0273eb]"'}</p>
<p>{'Change the theme (Site Settings -> Change the look) and see what\'s happenning'}</p>