Topics

SolidJS•3mo ago

Is anyone detecting light vs dark mode on their site>

For example, I frequently use

  const isMobileSize = useMediaQuery("(max-width:600px)");

  const isMobileSize = useMediaQuery("(max-width:600px)");

when I need my logic to work different on mobile devices. Now

  const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');

  const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');

is just never positive? (this is using the useMediaQuery from https://suid.io/components/use-media-query )

3 Replies

Bersaelor•3mo ago

Ah, my problem was that I didn't change my macos device setting from light to dark, but only the chrome-settings. Apparently changing chrome alone does not affect the media-query

thetarnav•3mo ago

tip: use this

No description

thetarnav•3mo ago

also this I guess

No description

Solid is a declarative reactive Javascript library for creating user interfaces.

11KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

how to end response without using "nativeEvent"?what would be a better way of writing the following inside of `middleware`? ```javascript event.na what's the difference between? createResource andcreateAsyncand who can write about createAsync in more detail essentially createAsync is a wrapper over createR How to create a reactive localstorage?Hi, I need to create a reactive localstorage for localization on my site but I don't know how to do How do i make a list properly reactive to state changes?So I have this for loops that iterates in an array of data fetched on page load, i devided the sorti SolidStart - Create T3 EquivalentIs there any stack like create t3 app but for SolidStart? Also what component library y’all using?Can't use import `assert {"type":"json"}``whenever I try to import a .json document with the assert specified, i get errors about missing babe Was watching Theo's video and wondered if solid had a good way to do thishttps://youtu.be/jYV1VDhw7E8?t=447 It involves saving a state when a components moves position in t How to use load property of <Route>I haven't been able to figure out how to use `<Route>`'s `load` function and haven't found a complet