Agregar Dark Mode con Tailwind | Vite React Tailwind

Channel:
Spain Juan Eguia Abad
Subscribers:
917
Published on ● Video Link: https://www.youtube.com/watch?v=E5lHj6Ge9Cs


Duration: 23:31
57 views
3

En este vídeo, muestro un ejemplo de cómo agregar el Dark Mode (modo oscuro) a nuestros proyectos.

Para estilar utilizaré Tailwind, y el pequeño ejemplo lo hare con Vite+React, en el que solamente haré un botón y un fondo para cambiarles el modo.

Mediante React y sus hooks haremos el botón interactivo, que servirá como switch entre modo claro y oscuro.



Other Videos By Juan Eguia Abad


2024-04-24Juego Pacman en Phaser | Parte 5 | Creamos fantasmas
2024-04-23Juego Pacman en Phaser | Parte 4 | Colisiones para comer puntitos
2024-04-18Bug en juego arcade Pengo de 1982 | Pengo (SEGA 1982)
2024-04-17Pengo (arcade Sega 1982) | Que malo soy xD🤣
2024-04-16Juego Pacman en Phaser | Parte 3 | Cámara sigue jugador & puntitos
2024-04-11Juego Pacman en Phaser | Parte 2 | Creamos personaje pacman
2024-04-04Juego Pacman en Phaser | Parte 1 | iniciar proyecto & crear laberinto
2024-04-03Speech Recognition (reconocimiento voz) | JavaScript
2024-02-28Crea tu primer juego en Phaser | JavaScript Phaser
2024-02-24Agregar Dark Mode Dark Theme | vanilla javaScript vite tailwind
2024-02-22Agregar Dark Mode con Tailwind | Vite React Tailwind
2024-02-08Flappy Bird en Phaser JavaScript | Parte 2 de 2
2024-02-07Flappy Bird in Phaser JavaScript | Parte 1 de 2
2024-02-01Juego plataformas usando librería Phaser | Parte 7 | enemigo patea barriles
2024-01-31Juego plataformas usando librería Phaser | Parte 6 | colisiones barriles y jugador vida menos
2024-01-28Juego plataformas usando librería Phaser | Parte 5 | Crear grupo barriles
2024-01-26Juego plataformas usando librería Phaser | Parte 4 | Colisiones plataformas salto y escaleras
2024-01-25Juego plataformas usando librería Phaser | Parte 3 | Jugador teclado camara y limites world
2024-01-24Juego plataformas usando librería Phaser | Parte 2 | creando plataformas
2024-01-22Chat a tiempo real | Express socketio | React socketioclient
2024-01-20Juego tipo Space Invaders Galaxian en JavaScript | Phaser | Parte 7 Demo


Tags:
tailwind
estilar tailwind
html
html tailwind react
vite react tailwind
modo oscuro tailwind
agregar modo oscuro
dark mode tailwind