Replies: 3 comments
-
|
Hello! Unfortunately, at this moment we do not support dark mode toggle, but is something that we can plan for future releases. But in the meantime, you can customize siimple to use a darker theme, for example: import colors from "@siimple/colors";
import base from "@siimple/preset-base";
export default {
...base,
colors: {
...base.colors,
background: colors.gray["800"],
text: "white",
},
// ...other config
};You can try this in our playground app. |
Beta Was this translation helpful? Give feedback.
-
|
Just sharing in hopes this info is helpful. As you know, Light / Dark theme selection on the OS is more popular than ever. Instead of having your site perform a theme toggle ( which it sounds like you may be attempting ), you should start using the @media query so the users OS setting will be used. For example: @media (prefers-color-scheme: light) { @media (prefers-color-scheme: dark) { I recently did this for a material theme and only ended up with a small handful of actual color swapping that was required to make the dark theme more appropriate with the css default styles. I have used siimple as well and recall a good number of the default styles look good by default so I suspect only a handful of tweaks will be needed. |
Beta Was this translation helpful? Give feedback.
-
|
I have created the two issues needed to enable dark theme toggle in siimple: For the color modes, there are two options:
|
Beta Was this translation helpful? Give feedback.
-
How to switch siimple on dark theme?
Beta Was this translation helpful? Give feedback.
All reactions