From b23e904fcc899b2cd8074e674e9094a84f070d48 Mon Sep 17 00:00:00 2001 From: David MENDY Date: Fri, 3 Jan 2025 14:18:25 +0100 Subject: [PATCH] feat: :lipstick: add theme selection to website --- frontend/src/App.vue | 82 ++++- .../icones/complements.jpg | Bin 14725 -> 0 bytes .../icones/complements.png | Bin 0 -> 28975 bytes .../icones/consignes-securite-new.png | Bin 0 -> 85754 bytes .../icones/consignes-securite.jpg | Bin 67677 -> 0 bytes .../icones/consignes-securite.png | Bin 0 -> 73519 bytes .../icones/consignes-securite_new.jpg | Bin 189347 -> 0 bytes .../icones/fin-mise-en-securite-nok.jpg | Bin 8001 -> 0 bytes .../icones/fin-mise-en-securite-nok.png | Bin 0 -> 14127 bytes .../icones/fin-mise-en-securite-ok.jpg | Bin 4533 -> 0 bytes .../icones/fin-mise-en-securite-ok.png | Bin 0 -> 13607 bytes .../icones/gants-traces-et-indices.jpg | Bin 18974 -> 0 bytes .../icones/gants-traces-et-indices.png | Bin 0 -> 54289 bytes .../icones/instructions.jpg | Bin 125353 -> 0 bytes .../icones/instructions.png | Bin 0 -> 76812 bytes .../icones/preconisations.jpg | Bin 24459 -> 0 bytes .../icones/preconisations.png | Bin 0 -> 75527 bytes .../icones/take-care.jpg | Bin 124872 -> 0 bytes .../icones/take-care.png | Bin 0 -> 88943 bytes frontend/src/assets/moon.svg | 16 + frontend/src/components.d.ts | 59 ++-- frontend/src/components/AppHeader.vue | 286 ++++++++++++++++++ frontend/src/components/ResultPage.vue | 4 +- frontend/src/main.css | 2 +- .../IdentificationFurtherInformations.vue | 2 +- .../GuideSecuringFirearm.vue | 8 +- .../SecuringAchievement.vue | 4 +- .../SecuringTutorialContent.vue | 2 +- 28 files changed, 421 insertions(+), 44 deletions(-) delete mode 100644 frontend/src/assets/guide-identification/icones/complements.jpg create mode 100644 frontend/src/assets/guide-identification/icones/complements.png create mode 100644 frontend/src/assets/guide-mise-en-securite/icones/consignes-securite-new.png delete mode 100644 frontend/src/assets/guide-mise-en-securite/icones/consignes-securite.jpg create mode 100644 frontend/src/assets/guide-mise-en-securite/icones/consignes-securite.png delete mode 100644 frontend/src/assets/guide-mise-en-securite/icones/consignes-securite_new.jpg delete mode 100644 frontend/src/assets/guide-mise-en-securite/icones/fin-mise-en-securite-nok.jpg create mode 100644 frontend/src/assets/guide-mise-en-securite/icones/fin-mise-en-securite-nok.png delete mode 100644 frontend/src/assets/guide-mise-en-securite/icones/fin-mise-en-securite-ok.jpg create mode 100644 frontend/src/assets/guide-mise-en-securite/icones/fin-mise-en-securite-ok.png delete mode 100644 frontend/src/assets/guide-mise-en-securite/icones/gants-traces-et-indices.jpg create mode 100644 frontend/src/assets/guide-mise-en-securite/icones/gants-traces-et-indices.png delete mode 100644 frontend/src/assets/guide-mise-en-securite/icones/instructions.jpg create mode 100644 frontend/src/assets/guide-mise-en-securite/icones/instructions.png delete mode 100644 frontend/src/assets/guide-mise-en-securite/icones/preconisations.jpg create mode 100644 frontend/src/assets/guide-mise-en-securite/icones/preconisations.png delete mode 100644 frontend/src/assets/guide-mise-en-securite/icones/take-care.jpg create mode 100644 frontend/src/assets/guide-mise-en-securite/icones/take-care.png create mode 100644 frontend/src/assets/moon.svg create mode 100644 frontend/src/components/AppHeader.vue diff --git a/frontend/src/App.vue b/frontend/src/App.vue index 84a9e004..25edfc6d 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -1,9 +1,11 @@ @@ -247,7 +247,7 @@ async function sendFeedback(isCorrect: boolean) { color: var(--blue-france-sun-113-625); } .result-frame { - background-color: #e3e3fd; + background-color: var(--blue-france-925-125); } .result-image { diff --git a/frontend/src/main.css b/frontend/src/main.css index 0f822647..71add8f0 100644 --- a/frontend/src/main.css +++ b/frontend/src/main.css @@ -30,7 +30,7 @@ a { top: 100%; left: 50%; transform: translate(-50%, -100%); - background-color: #ffffff; + background-color: var(--grey-1000-100); box-shadow: 0 -4px 16px rgb(0 0 0 / 25%); padding: 15px; width: 100%; diff --git a/frontend/src/views/GuideIdentificationFirearm/IdentificationFurtherInformations.vue b/frontend/src/views/GuideIdentificationFirearm/IdentificationFurtherInformations.vue index 3b46e9da..399b4cec 100644 --- a/frontend/src/views/GuideIdentificationFirearm/IdentificationFurtherInformations.vue +++ b/frontend/src/views/GuideIdentificationFirearm/IdentificationFurtherInformations.vue @@ -9,7 +9,7 @@