From 7186fbb67179d9d568a3c4da55b86ef4f06d4f96 Mon Sep 17 00:00:00 2001 From: Melissa Autumn Date: Wed, 11 Sep 2024 14:14:38 -0700 Subject: [PATCH] Update the logos to use the beta logo --- frontend/src/assets/styles/colours.css | 3 +- .../src/assets/svg/appointment_logo_beta.svg | 109 ++++++++++++++++++ .../svg/appointment_logo_beta_wLightText.svg | 106 +++++++++++++++++ .../svg/appointment_logo_beta_wText.svg | 106 +++++++++++++++++ frontend/src/components/GenericModal.vue | 2 +- frontend/src/components/NavBar.vue | 2 +- frontend/src/elements/arts/ArtLogo.vue | 97 ++++++++++------ .../src/views/FirstTimeUserExperienceView.vue | 2 +- 8 files changed, 387 insertions(+), 40 deletions(-) create mode 100644 frontend/src/assets/svg/appointment_logo_beta.svg create mode 100644 frontend/src/assets/svg/appointment_logo_beta_wLightText.svg create mode 100644 frontend/src/assets/svg/appointment_logo_beta_wText.svg 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' }" > - Appointment Logo + Appointment Logo