Hooks for when color scheme changes #105
Comments
|
Cannot you apply the transition using CSS directly? |
|
Let me clarify what I want to do. I currently have something like this in my global css: * {
transition: background-color 0.5s;
}
.preload * {
transition: none !important;
}The This isn't really ideal, since if I don't want an element to have a background transition then I have to explicitly specify that, or if I want an element to have a transition when the page is mounting (ie a loader/transition) then I have to override the It would be nice if I could apply a A way I could do this is by applying the class when someone clicks on the button to change the scheme, but then you don't get a transition when the color mode is |
|
I am using a transition for the example and does not have any issue: You can create a plugin export default function ({ $colorMode }) {
$colorMode.$watch("value", (c) => {
console.log("$colorMode.value is", c);
});
} |
I want to be able to apply a css transition when the color mode changes, but there doesn't seem to be an easy way to do that without forking the color mode module. I have already considered doing the css transitions in the button that changes the color mode, but then it will not transition if the system theme changes.
I think it would be nice if there was some way of running code before the color scheme changes.
The text was updated successfully, but these errors were encountered: