Add docs pertaining to creating your own theme #150
Conversation
|
@rjsteinert |
|
Aha, |
| </style> | ||
| </custom-style> | ||
| ``` | ||
|
|
There was a problem hiding this comment.
Would you mind adding a line about what "importing it in your index.html" actually means, since we're adding extra docs? :)
There was a problem hiding this comment.
Good point, that wording was wonky. How does it look now?
| @@ -30,6 +30,20 @@ | |||
| We recommend importing each of these individual files, and using the style mixins | |||
| available in each ones, rather than the aggregated `paper-styles.html` as a whole. | |||
|
|
|||
| Create your own global theme to override components that use paper-styles by creating a component file as follows and | |||
| then import it into your index.html or app component using html imports like you do with other web components. | |||
There was a problem hiding this comment.
Sooo the app-component isn't really right. For that, you would want a shared module (https://www.polymer-project.org/1.0/docs/devguide/styling#style-modules), so that your styles are actually scoped.
|
Closing, since this is a very old PR with unaddressed requested changes. LMK if you want to open it for another review. |
I'm not sure if this is the right place to start this documentation but it would have saved me couple of hours of searching around issue queues and guessing if it had been here. Creating your own custom theme, at least overriding primary and accent colors, seems like a common use case when also using paper-styles.