[ACS-10449] migrate ACA to MD3 (#5199)

* [ACS-10449] replace color usage in templates

* [ACS-10449] switch from @import to @use

* [ACS-10449] replace MD2 datetimepicker theme

* [ACS-10449] replace MD2 apis, replace @imports, use MD3 theme

* [ACS-10449] visual regression fixes 1

* [ACS-10449] visual regression fixes 2

* [ACS-10449] visual regression fixes 3

* [ACS-10449] visual regression fixes 4

* [ACS-10449] visual regression fixes 5

* [ACS-10449] visual regression fixes 6

* [ACS-10449] Viewer MD3 fixes

* [ACS-10449] Typography MD3 fixes

* [ACS-10449] Select, autocomplete background MD3 fix

* [ACS-10449] Addressed PR comments

* [ACS-10449] Reverted one unwanted change

* [ACS-10449] Addressed PR comments

* [ACS-10449] Addressed PR comments

* [ACS-10449] Removed redundant code

* [ACS-10449] Addressed PR comments

* [ACS-10449] use variables instead of colors, fix permission components, use overrides

* [ACS-10449] revert wrong token usage

* [ACS-10449] Addressed PR comments

* [ACS-10449] Addressed PR comments

* [ACS-10449] Addressed PR comments

* [ACS-10449] Toggle MD3 fixes

* [ACS-10449] Addressed comments

* [ACS-10449] Tabs MD3 fixes

* [ACS-10449] Addressed comments

* [ACS-10449] Addressed comments

* [ACS-10449] MD3 fixes

* [ACS-10449] Addressed comments

* [ACS-10449] Addressed comments

* [ACS-10449] icon, icon button and permission datatable styling refactor

* [ACS-10449] revert changes overwriting previous fix, address comment

* [ACS-10449] About page, notification history fixes

* [ACS-10449] Login page, saved searches fixed

* [ACS-10449] Addressed comments

* [ACS-10449] Fixed incorrect box shadow for permissions users and groups popup

* [ACS-10449] Fixed color for selected selectbox option

* [ACS-10449] ADF style fixes refactoring I

* [ACS-10449] Simplify styles for selected group and user icons in permissions

* [ACS-10449] Create from template dialog title size and buttons layout

* [ACS-10449] Fixed uploading file popup

* [ACS-10449] Incorrect color of sidenav background

* [ACS-10449] ADF style fixes refactoring II

* [ACS-10449] Fixed background color for library metadata viewer and buttons hovering

* [ACS-10449] Breadcrumb, datatable bg, search filter container fixes

* [ACS-10449] User profile button fixes

* [ACS-10449] Create from template, copy/move dialog fixes

* [ACS-10449] Fixed styles for comments tab

* [ACS-10449] Small correction

* [ACS-10449] Fixed button styles for linking rules dialog and global change buttons padding

* [ACS-10449] fix selected node tick icon color in search results

* [ACS-10449] Permission form field fixes

* [ACS-10449] Reverted unwanted change

* [ACS-10449] Button, create folder rules dialog fixes

* [ACS-10449] Fixed styles for version manager dialog

* [ACS-10449] Tag creator fixes

* [ACS-10449] Fixed styles for docs viewer thumbnails

* [ACS-10449] remove redundant metadata styling

* [ACS-10449] fix outlined button hover color

* [ACS-10449] Categories panel fixes

* [ACS-10449] Minor shadow box fix

* [ACS-10449] Expansion panel font size fix

* [ACS-10449] fix datepicker

* [ACS-10449] Fixed icons color after uploding new version of file

* [ACS-10449] Fix descending specificity and mixed decls build warnings, remove duplicated styles

* [ACS-10449] Fixed container color for outlined cards

* [ACS-10449] Badges color fix

* [ACS-10449] Configure notification history badge size

* [ACS-10449] Fixed viewer toolbar background

* [ACS-10449] Use latest ADF version

* fix e2e

---------

Co-authored-by: g-jaskowski <grzegorz.jaskowski@hyland.com>
Co-authored-by: Aleksander Sklorz <Aleksander.Sklorz@hyland.com>
Co-authored-by: akashrathod28 <akash.rathod@hyland.com>

projects/aca-content/viewer/src/lib/components/viewer/viewer.component.scss

@@ -1,3 +1,5 @@
+@use '@angular/material' as mat;
+
 .app-viewer {
   width: 100%;
   height: 100%;
@@ -17,6 +19,38 @@
     }
   }
 
+  .adf-viewer-render {
+    .adf-image-viewer__toolbar {
+      .adf-toolbar-container {
+        box-shadow:
+          0 2px 2px var(--theme-box-shadow-dark-color),
+          0 0 2px var(--theme-box-shadow-third-color);
+      }
+    }
+
+    .adf-toolbar .adf-toolbar-container {
+      --mat-sys-surface: var(--theme-white-background);
+
+      border-width: 0;
+      border-radius: 2px;
+
+      @include mat.toolbar-overrides(
+        (
+          standard-height: 48px,
+          container-text-color: var(--adf-theme-foreground-text-color-064)
+        )
+      );
+
+      .adf-image-viewer__toolbar-page-scale {
+        --mat-sys-outline: var(--adf-theme-foreground-text-color-007);
+      }
+
+      .adf-pdf-viewer__toolbar-page-scale {
+        --mat-sys-body-small-size: 14px;
+      }
+    }
+  }
+
   .adf-alfresco-viewer.aca-right_side--hide .adf-viewer__sidebar__right {
     width: 0;
   }