Refactor: Changed alt of images and fill of VSG (currentColor).

Author: CrisOnWeb

src/js/main.js

@@ -116,7 +116,7 @@ function renderOneSeries(series) {
   const imgSeries = document.createElement('img');
   imgSeries.classList.add('results__img');
   imgSeries.src = `${series.image}`;
-  imgSeries.alt = `${series.name}`;
+  imgSeries.alt = `Portada de ${series.name}`;
   liSeries.appendChild(imgSeries);
 
   // Creación del <p>
@@ -146,7 +146,7 @@ function renderOneFav(favorite) {
   const imgFav = document.createElement('img');
   imgFav.classList.add('favorites__img');
   imgFav.src = `${favorite.image}`;
-  imgFav.alt = `${favorite.name}`;
+  imgFav.alt = `Portada de ${favorite.name}`;
   liFav.appendChild(imgFav);
 
   // Creación de <p>
@@ -168,7 +168,7 @@ function renderOneFav(favorite) {
       height="24px"
       viewBox="0 -960 960 960"
       width="24px"
-      fill="#e0fbfc">
+      fill="currentColor">
       <path
         d="m480-120-58-52q-101-91-167-157T150-447.5Q111-500 95.5-544T80-634q0-94 63-157t157-63q52 0 99 22t81 62q34-40 81-62t99-22q94 0 157 63t63 157q0 46-15.5 90T810-447.5Q771-395 705-329T538-172l-58 52Zm0-108q96-86 158-147.5t98-107q36-45.5 50-81t14-70.5q0-60-40-100t-100-40q-47 0-87 26.5T518-680h-76q-15-41-55-67.5T300-774q-60 0-100 40t-40 100q0 35 14 70.5t50 81q36 45.5 98 107T480-228Zm0-273Z"/>
     </svg>
@@ -180,7 +180,7 @@ function renderOneFav(favorite) {
       height="24px"
       viewBox="0 -960 960 960"
       width="24px"
-      fill="#e0fbfc">
+      fill="currentColor">
       <path
         d="M481-83Q347-218 267.5-301t-121-138q-41.5-55-54-94T80-620q0-92 64-156t156-64q45 0 87 16.5t75 47.5l-62 216h120l-34 335 114-375H480l71-212q25-14 52.5-21t56.5-7q92 0 156 64t64 156q0 48-13 88t-55 95.5q-42 55.5-121 138T481-83Zm-71-186 21-211H294l75-263q-16-8-33.5-12.5T300-760q-58 0-99 41t-41 99q0 31 11.5 62t40 70.5q28.5 39.5 77 92T410-269Zm188-48q111-113 156.5-180T800-620q0-58-41-99t-99-41q-11 0-22 1.5t-22 5.5l-24 73h116L598-317Zm110-363ZM294-480Z"/>
     </svg> `;

src/scss/components/_search-and-favs.scss

@@ -73,6 +73,7 @@
 
     background-color: var(--color-bg);
     border: none;
+    color: var(--color-text);
 
     cursor: pointer;