Gu Xuerui guxuerui
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| type MyPick<T, K extends keyof T> = { | |
| [key in K]: T[key] | |
| } |
guxuerui
/ ToggleTheme.svelte
Created
March 19, 2025 10:40
在Svelte项目中，使用Css View Transition API实现切换主题颜色及动画效果
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script lang="ts"> | |
| import { onMount, tick } from "svelte"; | |
| $: currentTheme = ""; | |
| function setTheme() { | |
| if (currentTheme === "light" || currentTheme === "auto") { | |
| localStorage.setItem("color-schema", "dark"); | |
| document.documentElement.classList.add("dark"); | |
| } else { |
OlderNewer