New to Polymer, and the docs seem a little 'light' on examples. I'm trying to style a dropdown menu so everything is white on a blueish background. Most things (tabs, toast, etc.) are working, but the dropdown-menu stubbornly refuses to show the little 'arrow' button in anything other than murky grey.
The styling code is:
/* Main vars */
/* Toolbar colours */
/* Project select dropmenu colours */
/* Notifications */
--iron-icon-fill-color in your
paper-dropdown-menu class if you want have other
iron-icons also which you don't want to style, else you can style use it in
host if you want.
In Polymer if an element is using some other element internally you can always refer the style guide of internal element and use it directly. Like here we are using
iron-icons styles to style the icon which is inside
I don't think Polymer has directly mentioned this in their styling guide but you can find this detail written at the end of
styling details of paper-dropdown-menu and generalise it
You can also use any of the paper-input-container and paper-menu-button style mixins and custom properties to style the internal input and menu button respectively.