Contextual Overrides / Theming Proposal

Contextual Overrides / Theming Proposal There have been a series of discussions on this issue tracker and on other projects about the interrelated issues of **Contextual Overrides** (i.e. how can an outer component change the CSS of an inner one?) and **Theming** (i.e. how to publish a reusable component & let the consumer style it to fit with their app?). There have been several promising proposals about how to deal with this, so I want to take an overarching look at the problem and propose a solution. ## Contextual Overrides There's a great discussion dating back to August last year at #40 which presents the use-case of overriding a the width of a child component `.card` inside a parent component `.row` and a bunch of potential solutions. There's an earlier one #21 that tries to reconcile something like Bootstrap's `.buttonGroup` changing the appearance of a `.button` and how that might be possible in CSS Modules. More recently, there's been a discussion in https://github.com/gajus/react-css-modules/issues/94 leading to proposal #139 to allow an explicit method of importing a compiled class from another file in order to change it. There's a lot of good points being made and it's worth reading through the use cases. There's also a non-CSS-modules [summary of approaches](http://simurai.com/blog/2015/05/11/nesting-components?utm_content=bufferd8aa5&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer) by Simuari that's well worth reading. The prevailing wisdom is th

Posted by geelen on May 5, 2016, 9:51 PM

Tags

• github (SaaS)

Related issues

• 2026 - Microsoft Office 365
• [Ubuntu] `ubuntu-latest` label will use Ubuntu 26.04 in November 2026
• Gamut mapping
• [Codex Desktop] Editing and resending a queued message triggers "App-server queued follow-up no longer exists"
• [Windows] ChatGPT 26.820.60940 fails with "invalid transport in mcp_servers.codex_app"; Beta 26.727.40816 works
• [BUG]: infinite loading of videos