How to override default-theme on the new paper-styles

[Pedro García]

Hi,

I'm working on an web app with polymer 0.8 and i know that the new CSS features are experimental but i found that all new paper elements are using the new paper-styles component for theming.

I think it's a very cool idea, but how do I override the default-theme.html within my app using an external file, I tried many ways and nothing seems to work. 

Regards

[Eric Eslinger]

I'd love to hear more about this- We're still using 0.5 in our app (not production, just internal stuff for now), and it seems like there's a lot of places where one has to use !important or other tricks to deal with inline styling of shadow dom elements. Having an all-in-one way to theme things centrally would be pretty rad.

Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups "Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email to polymer-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/a1995da0-9c20-4cd6-b9c6-b7aa811a7049%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Yvonne Yip]

Hi,

You can define variables from the theme in the main document in a <style is="x-style"> block. For example:

<style is="x-style">

  * {

    --default-primary-color: fuchsia;

  }

</style>

See this gist for an example: https://gist.github.com/morethanreal/13403fa34c08b6abe5af

Note that the name "x-style" will likely change before Polymer hits 1.0.

To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/CABsi40LEJWciy3j4unnRL1okDVCa8UqoT4C1LPEYrNCdqPh1pQ%40mail.gmail.com.

[Pedro García]

That works, thanks! :)