1 de noviembre de 2022

Cómo hacer Tema Oscuro usando Variables CSS 🌙 | Tutorial

Cómo hacer un tema oscuro profesional a su página web usando variables css.

✅ Contenido:
Intro
Usar variables CSS
Añadir variantes
Ajustar imágenes
Ajustar sombras
Usar tema del sistema
Transiciones
Esquema de colores
Botones para cambiar tema
Seleccionar tema inicial
Guardar tema seleccionado
Ajustes finales y tips

📺 Videos relacionados:
Página web desde cero:
https://youtube.com/playlist?list=PL9T-KKyKXNClKYVq2vwjIXzn9wyNs3XtC

👀 Les sugiero pongan el video en 1080p o más para que puedan ver el contenido con nitidez.

🔔 Suscríbete al canal y activa la campanita para que no te pierdas ningún video:
https://www.youtube.com/yoelvism?sub_confirmation=1

🐦 Sígueme en twitter:
https://twitter.com/ymulenll

📌Enlaces:
https://material.io/design/color/dark-theme.html
https://tailwindcss.com/docs/customizing-colors

ícono luna: https://raw.githubusercontent.com/ymulenll/curriculum-web/dark-mode/img/moon.svg
ícono sol: https://raw.githubusercontent.com/ymulenll/curriculum-web/dark-mode/img/sun.svg

Código inicial: https://github.com/ymulenll/curriculum-web/tree/parte6-deployment

Muchas gracias por ver este video, espero le haya sido útil.