From 88008fa53bf3c1ff9f5890b17fbe1d755b735d00 Mon Sep 17 00:00:00 2001
From: OZGCloud <ozgcloud@mgm-tp.com>
Date: Wed, 13 Nov 2024 16:45:25 +0100
Subject: [PATCH] OZG-6999 Change build info colors * Add roboto font * Show
 header over build info

---
 .../apps/admin/src/app/app.component.html       |   2 +-
 alfa-client/apps/admin/src/favicon.ico          | Bin 15086 -> 0 bytes
 alfa-client/apps/admin/src/styles.scss          |   5 +++++
 .../lib/build-info/build-info.component.scss    |   6 +-----
 4 files changed, 7 insertions(+), 6 deletions(-)
 delete mode 100644 alfa-client/apps/admin/src/favicon.ico

diff --git a/alfa-client/apps/admin/src/app/app.component.html b/alfa-client/apps/admin/src/app/app.component.html
index 8fef349aa6..9199c89e54 100644
--- a/alfa-client/apps/admin/src/app/app.component.html
+++ b/alfa-client/apps/admin/src/app/app.component.html
@@ -1,6 +1,6 @@
 <ng-container *ngIf="(apiRootStateResource$ | async)?.resource as apiRoot">
   <header
-    class="flex h-16 items-center justify-between border-b border-b-ozggray-300 bg-white px-9 py-2"
+    class="z-50 flex h-16 items-center justify-between border-b border-b-ozggray-300 bg-white px-9 py-2"
     data-test-id="admin-header"
   >
     <a
diff --git a/alfa-client/apps/admin/src/favicon.ico b/alfa-client/apps/admin/src/favicon.ico
deleted file mode 100644
index 317ebcb2336e0833a22dddf0ab287849f26fda57..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 15086
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
V$iTpo%)r1?&%hv44;phuU;z8c-N*m{

diff --git a/alfa-client/apps/admin/src/styles.scss b/alfa-client/apps/admin/src/styles.scss
index 4e5a7a5c68..f3ad3e7e32 100644
--- a/alfa-client/apps/admin/src/styles.scss
+++ b/alfa-client/apps/admin/src/styles.scss
@@ -7,12 +7,17 @@
 @import 'libs/design-system/src/lib/tailwind-preset/root.css';
 @import 'libs/ui/src/lib/font/font_material';
 @import 'variables';
+@import 'typeface-roboto/index.css';
 
 @include mat.all-component-typographies();
 @include mat.core();
 
 @include mat.all-component-themes($alfaTheme);
 
+body {
+  font-family: Roboto, 'Helvetica Neue', sans-serif;
+}
+
 body.dark {
   @include mat.all-component-colors($alfaDarkTheme);
 }
diff --git a/alfa-client/libs/common-lib/src/lib/build-info/build-info.component.scss b/alfa-client/libs/common-lib/src/lib/build-info/build-info.component.scss
index 1d3adee3eb..2764bb9170 100644
--- a/alfa-client/libs/common-lib/src/lib/build-info/build-info.component.scss
+++ b/alfa-client/libs/common-lib/src/lib/build-info/build-info.component.scss
@@ -36,10 +36,6 @@
   transform-origin: right bottom;
 }
 
-:host-context(.dark) {
-  color: #ccc;
-}
-
 p {
   margin: 0;
   line-height: 1;
@@ -47,7 +43,7 @@ p {
   font-style: normal;
   font-weight: 400;
   font-size: 0.6875rem;
-  color: #999;
+  color: theme('colors.text/70');
 
   &.version {
     span {
-- 
GitLab