search

vicenteroa / CardioCare-IA

CardioCare-IA es un proyecto universitario para tratar enfermedades cardiovasculares
https://cardio-care-ia.vercel.app/
MIT License
1 stars 0 forks source link

Error Tema Oscuro en testimonio #18

Closed Javieers closed 5 months ago

Javieers commented 5 months ago

Descripción

En la ventana de testimonio ("dashboard.astro") el modo oscuro funciona con errores, ya que al activarlo el texto queda completamente blanco, ya que su color de origen es negro.

Evidencias

Modo claro

image

Modo oscuro

image

vicenteroa commented 5 months ago

Descripción

Faltaba la integración con las variables de css que hacen el cambio de color de tema oscuro a claro

Solución

CSS

Se agregaron estos estilos el estilovar(--background-color) es el que hace el efecto para utilizar el fondo claro y oscuro de manera correcta sin esta variable es imposible ver cambios de tema de color, por otro lado el var(--background-color-dark) es otro tipo de negro que se puede aplicar al modo oscuro pero necesita de un :global por lo que el contenedor del formulario tambien cambia, esto mas que nada para que haya un contraste entre el formulario y el fondo image

HTML

Se agrego una etiqueta main al principio del html que sera el que controla el tema oscuro y claro image

Evidencia

https://github.com/vicenteroa/CardioCare-IA/assets/79950811/f4dada49-7b44-432a-be97-47abb0bd9c49

EXTRA

[!NOTE] Agregue la sombra a la imagen del doctor

image