Comments (2)
jxnblk
commented on August 27, 2024
1
@souporserious Awesome! This isn't too far off from what I was thinking. The current ColorMode component also uses Global (it'd be great if global CSS could generally be avoided though). With theme-ui and color modes, I think it'd make sense for each mode's custom properties were on something like a .theme-ui-color-<MODE> selector so that the render-blocking script used on page load would only need to apply a single classname to the <body> element
If you're down to start a PR, that'd be great!
from theme-ui.
souporserious
commented on August 27, 2024
I messed around with this a couple of weeks ago here. Landed on adding an includeCSSVariables prop to ThemeProvider that created the CSS properties through Emotion's Global component so it should be SSR friendly.
If you think that's similar to what you're thinking I'd be happy to start a PR and discuss things further :)
from theme-ui.
Related Issues (20)
- Flex sx prop don't take a function HOT 7
- Update "How it Works" Guide HOT 1
- @theme-ui/prism README improvements
- Declaration file parsing error HOT 4
- @theme-ui/global breaks when using with Vite.js define global config HOT 1
- supports the theme on `clamp` HOT 3
- link component breaks with nextjs link v13 HOT 3
- Vite crush when use theme-ui with vite-plugin-linter
- button colors for dark mode not working theme ui HOT 3
- Module '"theme-ui"' has no exported member 'Grid'.ts(2305) HOT 1
- Give logo image a white BG on README HOT 2
- Unable to use sx prop on Input component HOT 2
- NextJS: 'Box' cannot be used as a JSX component. HOT 5
- TS error: Namespace 'React.JSX' has no exported member 'ElementType'. HOT 4
- useBorderBox: false not working HOT 1
- Custom React components with an sx prop can’t live alongside HTML elements using the @jsxImportSource theme-ui pragma HOT 4
- Several TypeScript errors when upgrading to 0.16.1 HOT 5
- After updating the fonts are not properly resolved HOT 1
- Media queries are overwritten HOT 1
- Add styles to HEAD, not to BODY HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from theme-ui.