diff --git a/frontend/src/assets/styles/colours.css b/frontend/src/assets/styles/colours.css
index 501ac6d8..c2f3ebc6 100644
--- a/frontend/src/assets/styles/colours.css
+++ b/frontend/src/assets/styles/colours.css
@@ -7,7 +7,8 @@ html {
* Generic Colours
* Prefer the named colours over these!
*/
- --colour-neutral-900: #26272A;
+ --colour-shark-900: #26272A;
+ --colour-bunker-950: #18181B;
/*
* Neutral
diff --git a/frontend/src/assets/svg/appointment_logo_beta.svg b/frontend/src/assets/svg/appointment_logo_beta.svg
new file mode 100644
index 00000000..d8e08940
--- /dev/null
+++ b/frontend/src/assets/svg/appointment_logo_beta.svg
@@ -0,0 +1,109 @@
+
diff --git a/frontend/src/assets/svg/appointment_logo_beta_wLightText.svg b/frontend/src/assets/svg/appointment_logo_beta_wLightText.svg
new file mode 100644
index 00000000..1df5b896
--- /dev/null
+++ b/frontend/src/assets/svg/appointment_logo_beta_wLightText.svg
@@ -0,0 +1,106 @@
+
diff --git a/frontend/src/assets/svg/appointment_logo_beta_wText.svg b/frontend/src/assets/svg/appointment_logo_beta_wText.svg
new file mode 100644
index 00000000..131aec3a
--- /dev/null
+++ b/frontend/src/assets/svg/appointment_logo_beta_wText.svg
@@ -0,0 +1,106 @@
+
diff --git a/frontend/src/components/GenericModal.vue b/frontend/src/components/GenericModal.vue
index ab9c938e..a7870fd7 100644
--- a/frontend/src/components/GenericModal.vue
+++ b/frontend/src/components/GenericModal.vue
@@ -66,7 +66,7 @@ onUnmounted(() => {
@import '@/assets/styles/mixins.pcss';
.overlay {
- @mixin faded-background var(--colour-neutral-900);
+ @mixin faded-background var(--colour-shark-900);
position: fixed;
display: flex;
left: 0;
diff --git a/frontend/src/components/NavBar.vue b/frontend/src/components/NavBar.vue
index 47663fb8..529d2063 100644
--- a/frontend/src/components/NavBar.vue
+++ b/frontend/src/components/NavBar.vue
@@ -47,7 +47,7 @@ const isNavEntryActive = (item: string) => {
class="shrink-0 border-r border-gray-300 py-4 pl-4 pr-8 dark:border-gray-600"
:to="{ name: 'dashboard' }"
>
- 
+ 