#728 accessibility theming (#1057)

* [CST-3763] Change base theme colors

* [CST-3763] added new custom variables

* [CST-3763] applied changes to the header in order to have two different navbar

* [CST-3763] applied changes to breadcrumbs navbar

* [CST-3763] fix sidebar colors

* [CST-3763] applied changes footer in order to have two different sections

* [CST-3763] change home news jumbotron background color

* [CST-3763] fix issue with search-navbar.component z-index

* [CST-3763] fix issue with search-form.component that didn't use the brand colo parameter

* [CST-3763] fix issue with menu navbar on small window view

* [CST-3763] changed position for browse all button in the access control pages

* [CST-3763] Change form.component in order to have possibilities to display better additional form buttons

* [CST-3763] Change confirmation-modal.component in order to allow different colors and icons for confirm button

* [CST-3763] added confirmation icon

* [CST-3763] fixed accessibility for admin access control components

* [CST-3763] Added placeholder for search boxes

* [CST-3763] Added repository logo alt label

* [CST-3763] Adjust notification icons

* [CST-3763] Fix issue with hideReturnButton param in edit-comcol-page.component that was not initialized on page refresh

* Accessibility fix

* [CST-3763] Adjust usability for community/collection edit

* [CST-3763] fix error while running test

* [CST-3763] Added dynamically a title prefix to all dspace page

* [CST-3763] add breadcrumbs to the page where are missing

* [CST-3763] fixed failed tests

* [CST-3763] fixed failed e2e test

* [CST-3763] fixed failed e2e test

* Buttons fixes for accessibility

* [CST-3973] fixed issue with redirect after changing language

* Buttons and sections fixes for accessibility

* Buttons and sections fixes for accessibility

* [CST-3763] fixed colors for chips component

* [CST-3977] fixed issue with selecting a tag submission field

* [CST-3763] add breadcrumbs to the page where are missing

* [CST-3763] fixed edit workflowitem buttons color

* [CST-3977] removed unintentional committed log

* [CST-3763] Fix issue with tab selection in item edit page

* [CST-3763] Fix position of back button in the item edit page

* [CST-3763] icon and colors for search and browse all buttons

* [CST-3763] added atkinson font

* [CST-3763] remove dspace logo from home news

* [CST-3763] fix buttons colors for administrative search

* [CST-3763] Change background color for user menu

* [CST-3763] remove gradient from home page news component

* [CST-3763] fix issue with edit dso button

* [CST-3763] revert color schema

* [CST-3763] remove Atkinson-Hyperlegible font

* [CST-3763] fix use of header-logo-height variable

* [CST-3763] fix homepage link color

* [CST-3763] fix contrast color issue for navbar menu entries

* [CST-3763] add variable to show/hide top footer container

* [CST-3763] change dso edit button style

* [CST-3763] ensure to use "back" and "save" labels

* [CST-3763] Remove border from header

* [CST-3763] Change header in order to have only navigation bar in a single row

* Update src/app/root/root.component.html

Co-authored-by: Art Lowel <art.lowel@gmail.com>

* [CST-3763] Fix issue with wrong grid-breakpoints that cause issue on navbar collapsing

* [CST-3763] Fix issue with language dropdown when navbar is collapsed

* [CST-3763] Fix issue after merging

Co-authored-by: Matteo Perelli <matteo.perelli@4science.it>
Co-authored-by: Art Lowel <art.lowel@gmail.com>

src/styles/_custom_variables.scss

@@ -14,14 +14,20 @@
   --ds-submission-header-z-index: 1001;
   --ds-submission-footer-z-index: 999;
 
-  --ds-main-z-index: 0;
+  --ds-main-z-index: 1;
   --ds-nav-z-index: 10;
+  --ds-footer-z-index: 0;
   --ds-sidebar-z-index: 20;
 
-  --ds-header-logo-height: 80px;
+  --ds-header-bg: #{$white};
+  --ds-header-logo-height: 40px;
   --ds-header-logo-height-xs: 50px;
-  --ds-header-icon-color: #{$link-color};
-  --ds-header-icon-color-hover: #{darken($link-color, 15%)};
+  --ds-header-icon-color: #{$cyan};
+  --ds-header-icon-color-hover: #{darken($white, 15%)};
+  --ds-header-navbar-border-top-color: #{$white};
+  --ds-header-navbar-border-bottom-color: #{$gray-400};
+  --ds-navbar-link-color: #{$cyan};
+  --ds-navbar-link-color-hover: #{darken($cyan, 15%)};
 
   $admin-sidebar-bg: darken(#2B4E72, 17%);
   $admin-sidebar-active-bg: darken($admin-sidebar-bg, 3%);
@@ -54,4 +60,22 @@
   --ds-collapsed-sidebar-width: #{$collapsed-sidebar-width};
   --ds-sidebar-items-width: #{$sidebar-items-width};
   --ds-total-sidebar-width: #{$total-sidebar-width};
+
+  --ds-top-footer-bg: #{$gray-200} !important;
+  --ds-footer-bg: #{theme-color('primary')} !important;
+  --ds-footer-border: 1px solid var(--bs-gray-400);
+  --ds-footer-padding: 0 !important;
+  --ds-footer-padding-bottom: 0 !important;
+  --ds-footer-logo-height: 50px !important;
+
+  $home-news-link-color: $cyan;
+  --ds-home-news-link-color: #{$home-news-link-color};
+  --ds-home-news-link-hover-color: #{darken($home-news-link-color, 15%)};
+  --ds-home-news-background-color: #{$gray-200};
+
+  --ds-breadcrumb-bg: #{$gray-200} !important;
+  --ds-breadcrumb-link-color: #{$cyan};
+  --ds-breadcrumb-link-active-color: #{darken($cyan, 30%)};
+
+  --ds-slider-color: #{$green};
 }