New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

API to access the theme in the runtime #207

Open

oliviertassinari opened this issue Aug 16, 2024 · 0 comments

Assignees

Labels

new feature status: waiting for maintainer

Member

oliviertassinari commented Aug 16, 2024 •

edited

Loading

Summary

Provide an API to access the theme at runtime.

Examples

Apparently, it's possible today with a private API:

import theme from '@pigment-css/react/theme';

In [system] Remove createUseThemeProps, RtlProvider, and DefaultPropsProvider API material-ui#43443 I developing the idea to make this possible natively with the regular useTheme() API.

Motivation

There are use cases to access the theme in RSC at runtime:

Setting the theme-color https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name/theme-color based on the theme primary color
Using the theme for media queries at runtime https://mui.com/material-ui/react-use-media-query/
I have seen https://www.notion.so/mui-org/Trung-Nguyen-Docker-7f55d8ce272645cba0448581dd533dc3
I needed it for another provider https://github.com/oliviertassinari/react-conf-2024-pigment-css/blob/29bd3f567a0b8473221f23c00ad12616ef8d495e/src/App.tsx#L75

Search keywords: -

The text was updated successfully, but these errors were encountered:

oliviertassinari added the status: waiting for maintainer label

oliviertassinari changed the title ~~Accessing the theme in the runtime~~ API to access the theme in the runtime

oliviertassinari added the new feature label

zannager assigned brijeshb42

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment