Declaración de variables CSS, para ser utilizadas en todo el proyecto. :root{ --color-primario: #5F5D9C; --color-secundario: #6196A6; --color-terciario: #A4CE95; --fuente-monteserrat:'Montserrat', sans-serif; --fuente-krona:'Krona One', sans-serif; }
¡Hola Javier, espero que estés bien!
Parece que estás en el camino correcto al declarar tus variables CSS. Has definido colores y fuentes que puedes usar en todo tu proyecto, lo cual es una excelente práctica para mantener la consistencia y facilitar futuras modificaciones.
Para seguir con la actividad de la clase, te sugiero que explores diferentes paletas de colores para personalizar aún más tu proyecto. Puedes usar herramientas como Color Hunt o la Rueda de Colores de Adobe para encontrar combinaciones que te gusten.
Por ejemplo, si decides cambiar la paleta de colores, podrías actualizar tus variables así:
:root {
--color-primario: #FF6347; /* Tomate */
--color-secundario: #4682B4; /* Azul acero */
--color-terciario: #32CD32; /* Verde lima */
--fuente-monteserrat: 'Montserrat', sans-serif;
--fuente-krona: 'Krona One', sans-serif;
}
Recuerda que puedes usar el atajo ctrl + D para seleccionar y cambiar rápidamente todos los valores de color en tu código, como se mostró en el gif de la clase.
Espero que esta orientación te sea útil y que disfrutes personalizando tu proyecto. ¡Explora y diviértete con las combinaciones!
Espero haber ayudado y buenos estudios!