Agregar estilos a cada uno de los posibles estados de las celdas

src/ContenedorHorarios/Tabla/CeldaFila.tsx

@@ -31,10 +31,17 @@ const e = StyleSheet.create({
     },
     celdaSeleccionado: {
         textDecoration: "underline",
+        backgroundColor: "rgba(200, 200, 200, 0.3)",
     },
     celdaOculto: {
         opacity: 0.3,
     },
+    celdaResaltadoOculto: {
+        opacity: 0.7,
+    },
+    celdaResaltadoSeleccionado: {
+        textDecoration: "underline",
+    },
 })
 
 const eColores = StyleSheet.create({
@@ -110,7 +117,7 @@ export function CeldaFila(props: Props) {
                         () => {
                             const clases = [
                                 e.celdaCurso,
-                                esLab ? e.celdaCursoLab : e.celdaCursoTeoria
+                                esLab ? e.celdaCursoLab : e.celdaCursoTeoria,
                             ]
                             let adicional = ""
 
@@ -154,12 +161,16 @@ export function CeldaFila(props: Props) {
                                     props.fnResaltarFila()
                                     setEstabaResaltado(true)
 
+                                    clases.push(e.celdaResaltadoOculto)
+                                    adicional = clasesColores[props.dia]
                                     break
                                 }
                                 case "ResaltadoSeleccionado": {
                                     props.fnResaltarFila()
                                     setEstabaResaltado(true)
 
+                                    clases.push(e.celdaResaltadoSeleccionado)
+                                    adicional = clasesColores[props.dia]
                                     break
                                 }
                             }