Re: [w3c/webcomponents] Theming options for shadow roots (#864)

@Jamesernator, I think your example could be solved by letting the user of your `<slide-show>` component explicitly slot in `<h1 slot="title">` and `<h2 slot="author">` elements. 

Though, if you want to force the styles of the text that users provides and want to respect the global styles, then something else is needed (adoptedStyleSheets, extends, ect). But what if a user slots in content that applies it’s own text styling, like an `<h3 slot="title">`? Which styles would you want to be applied? And what about semantics – what happens when you have `<h3>` inside `<h1>`?

It might not always be that simple, but as a general principle I think we should encourage placing content nodes, which should be affected by global styles, into the light DOM and not hide them inside shadow DOM. 

-- 
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub:
https://github.com/w3c/webcomponents/issues/864#issuecomment-586964571

Received on Monday, 17 February 2020 12:07:55 UTC