Comments (8)
I'm also noticing that the theme overrides the font imported by Next and there's no way to configure that?
from themes.
The docs has a section about how to setup with next/fonts
from themes.
Ok, thanks, but that's not the main issue. Why does the dark theme disappear in the second snippet?
from themes.
I used your code to create an example:
https://codesandbox.io/p/sandbox/twilight-firefly-h8q8j7
Seems to work fine. Is the example accurate?
from themes.
This appears to be related to #22
I think if that is solved, so will this issue
from themes.
@georgiosd See if this comment describes your environment.
Specifically, look for the script tag that looks like: (yours may be slightly different)
<script>
!(function(){try{var d=document.documentElement,c=d.classList;c.remove('light','dark');d.style.colorScheme='dark';c.add('dark');}catch(e){}})();
</script>
Is it mounted directly under the <body>
or is there a parent between the <body>
and <script>
?
from themes.
btw - I see this too but only in production, not in dev mode.
from themes.
Sorry for the radio silence here, meant to provide an explicit repro but life has gotten in the way, still on my list.
I see the opposite however - fine in prod, dev is light theme only...
from themes.
Related Issues (20)
- [Badge] Issue HOT 1
- [<Select.Trigger>] Issue placeholder HOT 1
- Theme does not update on next js approuter when data is revalidated
- Switch Component rendering as a dot on the screen HOT 1
- [Select] How do I clear the selected value from Select
- `TextArea` should be resizable HOT 4
- [DropdownMenu] Not working well with IconButton HOT 5
- Unexpected token 'export' when using boilerplate setup code for Remix. HOT 2
- Invalid `Select` value in the `form` entries HOT 3
- TextField Chrome Incorrectly Applied HOT 2
- Documentation Search Functionality
- Button doesn't inherit any class properties with Dialog HOT 1
- [Button] Issue HOT 1
- Component request: Add an autocomplete select field
- [Tabs] Tab trigger not compatible for HTML form navigation HOT 6
- Text do not wrap by default in flex component HOT 2
- [AlertDialog] Issue HOT 3
- [Popover] Scroll content into view does not work HOT 1
- Runtime error when using asChild on Tabs trigger HOT 3
- Radix + tailwind generates a wrong css selector (I think)
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 themes.