Este proyecto es un sencillo ejemplo de cómo implementar un botón de cambio entre modo claro y oscuro utilizando Svelte.
- Cambio entre modo claro y oscuro: Al hacer clic en el toggle, el diseño de la página cambia dinámicamente entre los dos temas.
- Uso de clases CSS dinámicas: Se manipulan clases CSS en el elemento
<body>para aplicar los estilos correspondientes. - Logo de Svelte incluido: Se incluye un logo como ejemplo de cómo manejar archivos estáticos en Svelte.
-
Clona este repositorio:
git clone https://github.com/urian121/light-dark-toggle-con-svelte cd light-dark-toggle-con-svelte -
Instala las dependencias:
npm install
-
Inicia el servidor de desarrollo:
npm run dev
-
Abre tu navegador en http://localhost:5173.
src/
├── assets/
│ └── svelte.svg # Logo de Svelte
├── App.svelte # Componente principal
└── main.js # Punto de entrada del proyecto
Comenta a otros sobre este proyecto 📢
Invita una cerveza 🍺 o un café ☕
Paypal [email protected]
Da las gracias públicamente 🤓.