Improving the color contrast of home news content (#3880)

* Improving the color contrast of home news content

* Improved color contrast

* Adjusting font color changes

---------

Co-authored-by: root <[email protected]>

Author: Andrea-Guevara

src/themes/dspace/app/home-page/home-news/home-news.component.scss

@@ -4,6 +4,7 @@
   div.background-image-container {
     color: white;
     position: relative;
+    font-weight: 600;
 
     .background-image > img {
       background-color: var(--bs-info);
@@ -68,6 +69,11 @@
       color: var(--ds-home-news-link-hover-color);
     }
   }
+
+  .lead {
+    font-size: 1.25rem;
+    font-weight: 400;
+  }
 }
 
 

src/themes/dspace/styles/_theme_css_variable_overrides.scss

@@ -11,7 +11,7 @@
     --ds-header-height: 90px;
   }
 
-  --ds-banner-text-background: rgba(0, 0, 0, 0.45);
+  --ds-banner-text-background: rgba(0, 0, 0, 0.58);
   --ds-banner-background-gradient-width: 300px;
 
   --ds-header-navbar-border-bottom-height: 5px;

src/themes/dspace/styles/_theme_sass_variable_overrides.scss

@@ -83,7 +83,7 @@ $navbar-dark-color: #fff;
 
 /*** CUSTOM DSPACE VARIABLES ***/
 
-$ds-home-news-link-color: #92c642;
+$ds-home-news-link-color: #D2FC93;
 $ds-header-navbar-border-bottom-color: #92c642;
 
 $ds-breadcrumb-link-color: #154E66 !default;