Updated and overwrote colour vars to brand colours

Minor fixes to footer navigation icon alignment
ghga-de · Nov 29, 2024 · 3211382 · 3211382
1 parent 398a7d1
commit 3211382
Show file tree

Hide file tree

Showing 6 changed files with 223 additions and 212 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,6 +1,7 @@
 {
   "window.title": "Data Portal - ${dirty}${activeEditorShort}${separator}${rootName}${separator}${profileName}${separator}${appName}",
   "cSpell.words": ["devcontainer", "devkit", "metldata", "TOTP", "ghga"],
+  "cSpell.language": "en-GB",
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.formatOnSave": true,
   "[html]": {

diff --git a/src/app/portal/features/site-footer/site-footer.component.html b/src/app/portal/features/site-footer/site-footer.component.html
@@ -2,16 +2,18 @@
   <div class="pt-px-5 flex flex-wrap justify-around pb-5 no-underline">
     <a routerLink="/" class="mx-12 content-center text-center"
       ><img src="assets/images/GHGA_logo.png" alt="GHGA Logo" class="max-h-24" /></a
-    ><a href="https://ghga.de" class="mx-12 grow content-center text-center"
+    ><a href="https://ghga.de" class="mx-12 mt-4 grow content-start text-center"
       ><span><mat-icon inline="true">globe</mat-icon></span
       >GHGA Website</a
-    ><a routerLink="/browse" class="mx-12 grow content-center text-center"
+    ><a routerLink="/browse" class="mx-12 mt-4 grow content-start text-center"
       ><span><mat-icon inline="true">database</mat-icon></span
       >Browse Data</a
-    ><a href="https://docs.ghga.de/faq/" class="mx-12 grow content-center text-center"
+    ><a
+      href="https://docs.ghga.de/faq/"
+      class="mx-12 mt-4 grow content-start text-center"
       ><span><mat-icon inline="true">help</mat-icon></span
       >FAQ</a
-    ><a href="https://docs.ghga.de/" class="mx-12 grow content-center text-center"
+    ><a href="https://docs.ghga.de/" class="mx-12 mt-4 grow content-start text-center"
       ><span><mat-icon inline="true">docs</mat-icon></span
       >GHGA User<br />Documentaton</a
     >

diff --git a/src/app/portal/features/site-header/site-header.component.scss b/src/app/portal/features/site-header/site-header.component.scss
@@ -18,7 +18,7 @@ a {
 }
 
 a#activePage {
-  background-color: var(--mat-sys-secondary);
+  background-color: var(--mat-sys-tertiary);
 }
 
 button {

diff --git a/src/assets/scss/ghga_colors.scss b/src/assets/scss/ghga_colors.scss