From 882da4a90a41b3f53b8cc28360587d29d6e7102d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <clment.delafontaine@gmail.com>
Date: Thu, 4 Apr 2024 11:56:03 +0200
Subject: [PATCH 1/8] THE-1167 couleur skeleton

---
 app.vue                                        | 4 ++++
 components/common/Keywords.vue                 | 5 -----
 components/common/results/ResultComponents.vue | 4 ++--
 plugins/vuetify.ts                             | 6 ++++--
 4 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/app.vue b/app.vue
index 6d946e78..ded9ec3f 100644
--- a/app.vue
+++ b/app.vue
@@ -509,4 +509,8 @@ h4 {
     order: 10;
   }
 }
+
+.skeleton, .skeleton-cards {
+  background-color: rgb(var(--v-theme-gris-skeleton)) !important;
+}
 </style>
\ No newline at end of file
diff --git a/components/common/Keywords.vue b/components/common/Keywords.vue
index 5e78cef1..0cc15abd 100644
--- a/components/common/Keywords.vue
+++ b/components/common/Keywords.vue
@@ -376,11 +376,6 @@ h3 {
   transform: rotate(180deg);
 }
 
-:deep(.v-skeleton-loader__button) {
-  max-width: unset !important;
-  justify-self: end;
-}
-
 .legend-tooltip {
   display: flex;
   flex-direction: column;
diff --git a/components/common/results/ResultComponents.vue b/components/common/results/ResultComponents.vue
index a9773f2e..915938dc 100644
--- a/components/common/results/ResultComponents.vue
+++ b/components/common/results/ResultComponents.vue
@@ -46,7 +46,7 @@
       </CommonResultsResultList>
     </div>
     <div v-else>
-      <div v-for="i in currentShowingNumber" :key="i" class="skeleton">
+      <div v-for="i in currentShowingNumber" :key="i" class="skeleton-wrapper">
         <v-card :flat="true" style="margin-bottom: 1rem;">
           <v-skeleton-loader type="article">
           </v-skeleton-loader>
@@ -189,7 +189,7 @@ watch(() => props.resetPage, () => {
   min-height: 190px;
 }
 
-.skeleton {
+.skeleton-wrapper {
   padding: 0;
   display: grid;
   grid-template-columns: 95%
diff --git a/plugins/vuetify.ts b/plugins/vuetify.ts
index 9173b80e..0ffb0baa 100644
--- a/plugins/vuetify.ts
+++ b/plugins/vuetify.ts
@@ -22,7 +22,8 @@ const abesLightTheme = {
     'fond-noir': "#000000",
     'text-dark-blue': "#0B2134",
     'fond-chip-blue': "#ABB9D5",
-    'white-text': "#FFFFFF"
+    'white-text': "#FFFFFF",
+    'gris-skeleton' : '#e6e6e6',
   }
 }
 
@@ -46,7 +47,8 @@ const abesDarkTheme = {
     'fond-noir': "#000000",
     'text-dark-blue': "#FFFFFF",
     'fond-chip-blue': "#ABB9D5",
-    'white-text': "#FFFFFF"
+    'white-text': "#FFFFFF",
+    'gris-skeleton' : '#55586d',
   }
 }
 

From 9da2aef381fad8d459a0c4a90568bbfe0a55b9db Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <clment.delafontaine@gmail.com>
Date: Thu, 4 Apr 2024 12:20:51 +0200
Subject: [PATCH 2/8] THE-1167 couleur alert + couleur bouton retour accueil en
 page d'erreur

---
 error.vue          | 8 +++++---
 plugins/vuetify.ts | 2 +-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/error.vue b/error.vue
index 402f8110..0ea024d8 100644
--- a/error.vue
+++ b/error.vue
@@ -39,7 +39,9 @@ const handleError = () => clearError({ redirect: '/' })
     </v-app>
 </template>
 
-<style scoped>
+<style scoped lang="scss">
+@use 'vuetify/settings';
+
 .v-application {
     height: 100%;
     display: flex !important;
@@ -58,8 +60,8 @@ h1 {
 
 button {
     font-size: 2em;
-    color: #252C61;
-    border: solid 2px #252C61;
+    color: rgb(var(--v-theme-text-dark-blue));
+    border: solid 2px rgb(var(--v-theme-text-dark-blue));
     border-radius: 5px;
     background-color: transparent;
     padding: 10px;
diff --git a/plugins/vuetify.ts b/plugins/vuetify.ts
index 0ffb0baa..bf0f163b 100644
--- a/plugins/vuetify.ts
+++ b/plugins/vuetify.ts
@@ -40,7 +40,7 @@ const abesDarkTheme = {
     'orange-abes': '#00AAEA',
     'gris-clair' : '#FFFFFF',
     'gris-fonce': '#FFFFFF',
-    error: '#B00020',
+    error: '#ff8080',
     info: '#2196F3',
     success: '#4CAF50',
     warning: '#FB8C00',

From 9eb95bffbb477b5a6ea4b20f37c54316d7d47872 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <clment.delafontaine@gmail.com>
Date: Thu, 4 Apr 2024 14:06:41 +0200
Subject: [PATCH 3/8] =?UTF-8?q?THE-1167=20orange-abes=20en=20mode=20contra?=
 =?UTF-8?q?st=C3=A9=20pour=20les=20mots=20cl=C3=A9s=20control=C3=A9s=20+?=
 =?UTF-8?q?=20contraste=20am=C3=A9lior=C3=A9=20sur=20les=20boutons=20acc?=
 =?UTF-8?q?=C3=A8s=20et=20mots=20cl=C3=A9s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app.vue                                  | 10 ++++++++++
 components/common/Keywords.vue           | 15 ++++++++++++---
 components/theses/ButtonsList.vue        | 11 ++++++++---
 components/theses/results/ResultCard.vue |  8 --------
 plugins/vuetify.ts                       |  3 +++
 5 files changed, 33 insertions(+), 14 deletions(-)

diff --git a/app.vue b/app.vue
index ded9ec3f..75cd517d 100644
--- a/app.vue
+++ b/app.vue
@@ -513,4 +513,14 @@ h4 {
 .skeleton, .skeleton-cards {
   background-color: rgb(var(--v-theme-gris-skeleton)) !important;
 }
+
+a,
+a:visited,
+a:hover,
+a:active {
+  color: inherit;
+  text-decoration: none;
+  font-weight: 600;
+}
+
 </style>
\ No newline at end of file
diff --git a/components/common/Keywords.vue b/components/common/Keywords.vue
index 0cc15abd..01fc2f03 100644
--- a/components/common/Keywords.vue
+++ b/components/common/Keywords.vue
@@ -285,11 +285,11 @@ h3 {
   margin-top: unset !important;
 
   .free-chip {
-    background-color: rgb(var(--v-theme-secondary-darken-2)) !important;
+    background-color: rgb(var(--v-theme-secondary-darken-3)) !important;
   }
 
   .rameau-chip {
-    background-color: rgb(var(--v-theme-orange-abes)) !important;
+    background-color: rgb(var(--v-theme-orange-abes-thesaurus)) !important;
   }
 
   .chips {
@@ -316,7 +316,7 @@ h3 {
   font-family: Roboto Black, sans-serif;
   font-weight: 600;
   font-size: 16px;
-  color: rgb(var(--v-theme-surface));
+  color: rgb(var(--v-theme-white-text));
 }
 
 .v-chip--disabled {
@@ -376,6 +376,11 @@ h3 {
   transform: rotate(180deg);
 }
 
+:deep(.v-skeleton-loader__button) {
+  max-width: unset !important;
+  justify-self: end;
+}
+
 .legend-tooltip {
   display: flex;
   flex-direction: column;
@@ -385,4 +390,8 @@ h3 {
     width: fit-content;
   }
 }
+
+:deep(.v-chip__underlay) {
+  opacity: 0 !important;
+}
 </style>
\ No newline at end of file
diff --git a/components/theses/ButtonsList.vue b/components/theses/ButtonsList.vue
index 967d3655..455cf2f3 100644
--- a/components/theses/ButtonsList.vue
+++ b/components/theses/ButtonsList.vue
@@ -29,12 +29,12 @@
             </v-expansion-panel-title>
             <v-expansion-panel-text>
               <div class="buttons-list" v-for="b in sousCategorie.boutons" :key="b">
-                <v-btn v-if="b.typeAcces == 'ACCES_ESR'" color="secondary-darken-2" append-icon="mdi-open-in-new"
+                <v-btn v-if="b.typeAcces == 'ACCES_ESR'" class="thesis-access-buttons" append-icon="mdi-open-in-new"
                   @click="checkboxModal = false; dialog = true; dialogUrl = b.url.startsWith('http') ? b.url : baseURL + b.url"
                   :aria-label="b.libelle" :flat="true">{{
         b.libelle }}
                 </v-btn>
-                <v-btn v-else-if="b.url" color="secondary-darken-2" append-icon="mdi-open-in-new"
+                <v-btn v-else-if="b.url" class="thesis-access-buttons" append-icon="mdi-open-in-new"
                   :href="b.url.startsWith('http') ? b.url : baseURL + b.url" target="_blank" :title="b.libelle"
                   :aria-label="b.libelle" :flat="true">{{
         b.libelle }}
@@ -64,7 +64,7 @@
           </v-expansion-panel-title>
           <v-expansion-panel-text>
             <div class="buttons-list" v-for="b in boutonsAutres" :key="b">
-              <v-btn v-if="b.url" color="secondary-darken-2" append-icon="mdi-open-in-new"
+              <v-btn v-if="b.url" class="thesis-access-buttons" append-icon="mdi-open-in-new"
                 :href="b.url.startsWith('http') ? b.url : baseURL + b.url" target="_blank" :title="b.libelle"
                 :aria-label="b.libelle" :flat="true">{{
         b.libelle }}
@@ -454,4 +454,9 @@ h4 {
     margin-left: 10px;
   }
 }
+
+.thesis-access-buttons {
+  background-color: rgb(var(--v-theme-secondary-darken-3));
+  color: rgb(var(--v-theme-white-text));
+}
 </style>
diff --git a/components/theses/results/ResultCard.vue b/components/theses/results/ResultCard.vue
index 61a007e9..3164d340 100644
--- a/components/theses/results/ResultCard.vue
+++ b/components/theses/results/ResultCard.vue
@@ -127,14 +127,6 @@ const route = useRoute();
 <style scoped lang="scss">
 @use 'vuetify/settings';
 
-a,
-a:visited,
-a:hover,
-a:active {
-  color: inherit;
-  text-decoration: none;
-}
-
 .card-container {
   display: flex;
   flex-direction: column;
diff --git a/plugins/vuetify.ts b/plugins/vuetify.ts
index bf0f163b..1cdaf622 100644
--- a/plugins/vuetify.ts
+++ b/plugins/vuetify.ts
@@ -12,6 +12,7 @@ const abesLightTheme = {
     secondary: '#00A0DC',
     'secondary-darken-1': '#018786',
     'secondary-darken-2': '#005A8F',
+    'secondary-darken-3': '#005A8F',
     'orange-abes': '#CF491B',
     'gris-clair' : '#e6e6e6',
     'gris-fonce': '#b3b2b4',
@@ -37,7 +38,9 @@ const abesDarkTheme = {
     secondary: '#FFFFFF',
     'secondary-darken-1': '#FFFFFF',
     'secondary-darken-2': '#00AAEA',
+    'secondary-darken-3': '#005A8F',
     'orange-abes': '#00AAEA',
+    'orange-abes-thesaurus': '#CF491B',
     'gris-clair' : '#FFFFFF',
     'gris-fonce': '#FFFFFF',
     error: '#ff8080',

From 634f996149db59f5b9f5a46c4ea1526335bbec1e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <clment.delafontaine@gmail.com>
Date: Thu, 4 Apr 2024 15:14:23 +0200
Subject: [PATCH 4/8] =?UTF-8?q?THE-1167=20barre=20de=20selecteur=20de=20ba?=
 =?UTF-8?q?rre=20de=20recherche=20contrast=C3=A9=20+=20bordure=20barre=20d?=
 =?UTF-8?q?e=20recherche=20contrast=C3=A9e=20+=20fix=20bouton=20info=20mot?=
 =?UTF-8?q?s=20cl=C3=A9s=20control=C3=A9s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app.vue                                   | 1 -
 components/common/DomainSelector.vue      | 3 ++-
 components/common/Keywords.vue            | 8 +++++++-
 components/personnes/search/SearchBar.vue | 8 ++++++++
 components/theses/search/SearchBar.vue    | 9 ++++++++-
 plugins/vuetify.ts                        | 1 +
 6 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/app.vue b/app.vue
index 75cd517d..0684e5ec 100644
--- a/app.vue
+++ b/app.vue
@@ -522,5 +522,4 @@ a:active {
   text-decoration: none;
   font-weight: 600;
 }
-
 </style>
\ No newline at end of file
diff --git a/components/common/DomainSelector.vue b/components/common/DomainSelector.vue
index 956a7675..239088d4 100644
--- a/components/common/DomainSelector.vue
+++ b/components/common/DomainSelector.vue
@@ -94,7 +94,8 @@ watch(() => currentRoute.path, () => {
   }
 
   .v-divider {
-    color: #0b2134;
+    color: rgb(var(--v-theme-gris-fonce));
+    opacity: 0.5;
     border-width: 0 2px 0 0;
     margin: 0 2rem 0 2rem;
 
diff --git a/components/common/Keywords.vue b/components/common/Keywords.vue
index 01fc2f03..7e0d3c83 100644
--- a/components/common/Keywords.vue
+++ b/components/common/Keywords.vue
@@ -12,7 +12,8 @@
         <div class="mots-cles-controlles" v-if="rameauKeywords.length > 0">
           <div class="subtitle">
             <h3>{{ $t("motCleControle") }}</h3>
-            <v-btn class="info-button" flat icon="mdi-information-outline" title="Informations sur les mots clés">
+            <v-btn class="info-button" flat title="Informations sur les mots clés">
+              <v-icon size="22">mdi-information-outline</v-icon>
               <span class="sr-only">Informations sur les mots clés</span>
             </v-btn>
             <v-overlay activator=".info-button" location-strategy="connected" scroll-strategy="close">
@@ -270,6 +271,11 @@ h3 {
   color: rgb(var(--v-theme-text-dark-blue))
 }
 
+.info-button {
+  min-width: unset;
+  padding: 0 8px;
+}
+
 .mdi-list-box.v-icon--size-default {
   font-size: 30px;
   width: 35px;
diff --git a/components/personnes/search/SearchBar.vue b/components/personnes/search/SearchBar.vue
index f8cb62ac..dfb3f037 100644
--- a/components/personnes/search/SearchBar.vue
+++ b/components/personnes/search/SearchBar.vue
@@ -259,6 +259,10 @@ defineExpose({
   :deep(.v-combobox__selection) {
     overflow: hidden !important;
   }
+
+  :deep(.v-label) {
+    opacity: 1 !important;
+  }
 }
 
 .searchbar__action {
@@ -361,6 +365,10 @@ defineExpose({
 :deep(.v-field--appended) {
   padding-inline-end: 0 !important;
 }
+
+:deep(.v-field__outline) {
+  --v-field-border-opacity: 1 !important;
+}
 </style>
 
 <style lang="scss">
diff --git a/components/theses/search/SearchBar.vue b/components/theses/search/SearchBar.vue
index b77b0499..2598ede6 100644
--- a/components/theses/search/SearchBar.vue
+++ b/components/theses/search/SearchBar.vue
@@ -235,6 +235,10 @@ defineExpose({
   :deep(.v-combobox__selection) {
     overflow: hidden !important;
   }
+
+  :deep(.v-label) {
+     opacity: 1 !important;
+   }
 }
 
 .searchbar__action {
@@ -259,7 +263,6 @@ defineExpose({
 
   :deep(.v-label) {
     color: rgb(var(--v-theme-primary));
-    opacity: 1;
     font-size: 0.95rem;
   }
 
@@ -336,6 +339,10 @@ defineExpose({
 :deep(.v-field--appended) {
   padding-inline-end: 0 !important;
 }
+
+:deep(.v-field__outline) {
+  --v-field-border-opacity: 1 !important;
+}
 </style>
 
 <style lang="scss">
diff --git a/plugins/vuetify.ts b/plugins/vuetify.ts
index 1cdaf622..9a594a0e 100644
--- a/plugins/vuetify.ts
+++ b/plugins/vuetify.ts
@@ -14,6 +14,7 @@ const abesLightTheme = {
     'secondary-darken-2': '#005A8F',
     'secondary-darken-3': '#005A8F',
     'orange-abes': '#CF491B',
+    'orange-abes-thesaurus': '#CF491B',
     'gris-clair' : '#e6e6e6',
     'gris-fonce': '#b3b2b4',
     error: '#B00020',

From 95b943690ba3c42b6040edcfd5ba6730e8d5dda6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <clment.delafontaine@gmail.com>
Date: Thu, 4 Apr 2024 15:48:42 +0200
Subject: [PATCH 5/8] THE-1167 integration logo idref avec colorMode

---
 assets/idref-icone.png                        | Bin 3799 -> 0 bytes
 components/organismes/OrganismeView.vue       |  13 ++-
 components/personnes/PersonneView.vue         |   5 +-
 .../personnes/results/PersonnesCard.vue       |   4 +-
 public/idref-icone-dark.svg                   | 108 ++++++++++++++++++
 public/idref-icone-light.svg                  | 108 ++++++++++++++++++
 6 files changed, 229 insertions(+), 9 deletions(-)
 delete mode 100644 assets/idref-icone.png
 create mode 100644 public/idref-icone-dark.svg
 create mode 100644 public/idref-icone-light.svg

diff --git a/assets/idref-icone.png b/assets/idref-icone.png
deleted file mode 100644
index 28a920acbadc20b2de25ad0dcfcd1fa7990667bc..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3799
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
N002ovPDHLkV1ll$BuM}O

diff --git a/components/organismes/OrganismeView.vue b/components/organismes/OrganismeView.vue
index 3340e332..d49bbe2c 100644
--- a/components/organismes/OrganismeView.vue
+++ b/components/organismes/OrganismeView.vue
@@ -50,7 +50,7 @@
                         <a :href="`https://www.idref.fr/${props.id}`" class="idref-logo" target="_blank"
                             alt="Accéder à IdRef, le référentiel des personnes et des structures"
                             title="Accéder à IdRef, le référentiel des personnes et des structures">
-                            <img alt="logo IdRef" id="logoIdref" src="@/assets/idref-icone.png" />
+                            <img alt="Accéder à la page IdRef correspondante" id="logoIdref" :src="'/idref-icone-' + colorMode + '.svg'" />
                           <span>IdRef</span>
                         </a>
                     </div>
@@ -77,13 +77,13 @@
                                         <div v-for="(these, index) in item[key]" :key="these" class="card-wrapper">
                                             <v-lazy :options="{ threshold: 1.0 }">
 
-                                                <ResultCard :titre="these.titrePrincipal"
+                                                <ThesesResultsResultCard :titre="these.titrePrincipal"
                                                     :date="these.status === 'enCours' ? these.datePremiereInscriptionDoctorat : these.dateSoutenance"
                                                     :auteur="these.auteurs" :directeurs="these.directeurs"
                                                     :discipline="these.discipline" :etab="these.etabSoutenanceN"
                                                     :etabPPN="these.etabSoutenancePpn" :id="these.id"
                                                     :status="these.status">
-                                                </ResultCard>
+                                                </ThesesResultsResultCard>
                                             </v-lazy>
                                             <hr class="result-dividers" v-if="index < item[key].length - 1" />
                                         </div>
@@ -100,7 +100,7 @@
             </div>
         </div>
         <ClientOnly>
-            <ScrollToTopButton class="scroll-to-top-wrapper" :nb-result=1></ScrollToTopButton>
+            <CommonScrollToTopButton class="scroll-to-top-wrapper" :nb-result=1></CommonScrollToTopButton>
         </ClientOnly>
     </div>
 </template>
@@ -109,8 +109,9 @@
 import { useI18n } from "vue-i18n";
 import { ref, defineAsyncComponent } from "vue";
 import { useDisplay } from "vuetify";
-import ResultCard from "../theses/results/ResultCard.vue";
-import ScrollToTopButton from "../common/ScrollToTopButton.vue";
+import { useColorMode } from '@vueuse/core';
+
+const colorMode = useColorMode();
 
 const { mobile } = useDisplay();
 const { t } = useI18n();
diff --git a/components/personnes/PersonneView.vue b/components/personnes/PersonneView.vue
index 3d2f4536..12e3ec07 100644
--- a/components/personnes/PersonneView.vue
+++ b/components/personnes/PersonneView.vue
@@ -50,7 +50,7 @@
             </h1>
             <a v-if="item.has_idref" class="idref-logo" :href="`https://www.idref.fr/${item.id}`" target="_blank"
               title="Accéder à IdRef, le référentiel des personnes et des structures">
-              <img alt="logo IdRef" id="logoIdref" src="@/assets/idref-icone.png" />
+              <img alt="Accéder à la page IdRef correspondante" id="logoIdref" :src="'/idref-icone-' +  colorMode + '.svg'" />
               <span>IdRef</span>
             </a>
           </div>
@@ -107,8 +107,9 @@
 import { useI18n } from "vue-i18n";
 import { defineAsyncComponent, onUpdated, ref } from 'vue';
 import { useDisplay } from "vuetify";
+import { useColorMode } from '@vueuse/core';
 
-
+const colorMode = useColorMode();
 const { mobile } = useDisplay();
 const MessageBox = defineAsyncComponent(() => import('@/components/common/MessageBox.vue'));
 const { getPersonne } = usePersonnesAPI();
diff --git a/components/personnes/results/PersonnesCard.vue b/components/personnes/results/PersonnesCard.vue
index fb19892f..dcd0aae7 100644
--- a/components/personnes/results/PersonnesCard.vue
+++ b/components/personnes/results/PersonnesCard.vue
@@ -13,7 +13,7 @@
     <div class="idref-container">
       <a v-if="item.has_idref" :href="`https://www.idref.fr/${item.id}`" target="_blank"
         title="Accéder à IdRef, le référentiel des personnes et des structures" class="idref-logo">
-        <img alt="logo IdRef" id="logoIdref" src="@/assets/idref-icone.png" />
+        <img alt="Accéder à la page IdRef correspondante" id="logoIdref" :src="'/idref-icone-' + colorMode + '.svg'" />
         <span>IdRef</span>
       </a>
     </div>
@@ -46,7 +46,9 @@
 <script setup>
 import { computed } from 'vue';
 import { useDisplay } from "vuetify";
+import { useColorMode } from '@vueuse/core';
 
+const colorMode = useColorMode();
 const router = useRouter();
 const currentRoute = useRoute();
 const { mobile } = useDisplay();
diff --git a/public/idref-icone-dark.svg b/public/idref-icone-dark.svg
new file mode 100644
index 00000000..a357ce0a
--- /dev/null
+++ b/public/idref-icone-dark.svg
@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="10.034mm"
+   height="10.033751mm"
+   viewBox="0 0 10.034001 10.033751"
+   version="1.1"
+   id="svg2655"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   sodipodi:docname="icone-idref-sombre-1.svg"
+   xml:space="preserve"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview2657"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="6.7254976"
+     inkscape:cx="-12.118062"
+     inkscape:cy="31.521831"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g49746-6"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1"
+     showguides="true"><sodipodi:guide
+       position="-113.64116,11.757026"
+       orientation="0,-1"
+       id="guide339"
+       inkscape:locked="false" /><sodipodi:guide
+       position="-79.792779,-2.7638245"
+       orientation="0,-1"
+       id="guide341"
+       inkscape:locked="false" /><sodipodi:guide
+       position="-29.998494,-0.67493435"
+       orientation="0,-1"
+       id="guide566"
+       inkscape:locked="false" /><sodipodi:guide
+       position="-30.277094,9.9119665"
+       orientation="0,-1"
+       id="guide568"
+       inkscape:locked="false" /><sodipodi:guide
+       position="-27.533373,4.9226061"
+       orientation="0,-1"
+       id="guide2166"
+       inkscape:locked="false" /><sodipodi:guide
+       position="-26.435553,0.33969573"
+       orientation="0,-1"
+       id="guide2170"
+       inkscape:locked="false" /></sodipodi:namedview><defs
+     id="defs2652" /><g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-174.22173,-130.72854)"><g
+       id="g49746-6"
+       transform="matrix(0.10147923,0,0,0.10147923,200.47469,111.47897)"
+       inkscape:export-filename="C:\Users\arnaud\Desktop\icone-idref.png"
+       inkscape:export-xdpi="379.71829"
+       inkscape:export-ydpi="379.71829"><circle
+         id="circle10-1-6-2"
+         style="display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.975724;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         cx="-209.26408"
+         cy="239.12845"
+         inkscape:export-filename="C:\Users\arnaud\Desktop\Logo-sudoc-qualite.png"
+         inkscape:export-xdpi="273"
+         inkscape:export-ydpi="273"
+         r="48.950825" /><path
+         inkscape:export-ydpi="150"
+         inkscape:export-xdpi="150"
+         inkscape:export-filename="C:\Users\arnaud\Documents\logos\triple store\logo-idref-blanc-361x76.png"
+         inkscape:connector-curvature="0"
+         id="path4497-5-1-6-9-1-5-0-5-5-0-6"
+         style="display:inline;fill:#252c61;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.457893"
+         d="m -232.62734,232.37556 h -12.64642 v -19.17551 h 12.64642 z" /><path
+         inkscape:export-ydpi="150"
+         inkscape:export-xdpi="150"
+         inkscape:export-filename="C:\Users\arnaud\Documents\logos\triple store\logo-idref-blanc-361x76.png"
+         inkscape:connector-curvature="0"
+         id="path4497-5-1-6-6-3-8-3-7-4-5-0-8"
+         style="display:inline;fill:#252c61;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.45762"
+         d="m -232.62284,265.03267 h -12.5908 v -19.23735 h 12.5908 z" /><path
+         inkscape:export-ydpi="150"
+         inkscape:export-xdpi="150"
+         inkscape:export-filename="C:\Users\arnaud\Documents\logos\triple store\logo-idref-blanc-361x76.png"
+         sodipodi:nodetypes="cccsccccccccccc"
+         inkscape:connector-curvature="0"
+         id="path5476-8-6-5-5-4-1-0-2"
+         d="m -222.32647,232.51174 -0.0289,-19.52458 31.07918,0.18549 c 0,0 23.50178,0.70827 23.4772,25.79994 -0.0289,24.60229 -22.9491,26.0054 -22.9491,26.0054 l -31.39257,0.0735 -0.10711,-19.16713 12.62275,-0.13345 0.0632,6.51106 18.94938,-0.28041 c 0,0 9.95369,-1.38222 10.24264,-12.3465 -0.18143,-11.91668 -11.14551,-13.64513 -11.14551,-13.64513 h -18.04642 l -0.0632,6.49097 z"
+         style="display:inline;fill:#252c61;fill-opacity:1;stroke:none;stroke-width:1.10417px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /><rect
+         ry="3.4516029"
+         y="235.63954"
+         x="-252.49275"
+         height="6.9032059"
+         width="50.689919"
+         id="rect6433-7-6-1-4-0-6"
+         style="display:inline;fill:#d50b52;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.52248;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.466667" /></g></g></svg>
diff --git a/public/idref-icone-light.svg b/public/idref-icone-light.svg
new file mode 100644
index 00000000..e393d8db
--- /dev/null
+++ b/public/idref-icone-light.svg
@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="10.034mm"
+   height="10.033751mm"
+   viewBox="0 0 10.034001 10.033751"
+   version="1.1"
+   id="svg2655"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   sodipodi:docname="icone-idref-sombre-2.svg"
+   xml:space="preserve"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview2657"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="3.7994924"
+     inkscape:cx="17.765531"
+     inkscape:cy="25.00334"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g49746-6"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1"
+     showguides="true"><sodipodi:guide
+       position="-113.64116,11.757026"
+       orientation="0,-1"
+       id="guide339"
+       inkscape:locked="false" /><sodipodi:guide
+       position="-79.792779,-2.7638245"
+       orientation="0,-1"
+       id="guide341"
+       inkscape:locked="false" /><sodipodi:guide
+       position="-29.998494,-0.67493435"
+       orientation="0,-1"
+       id="guide566"
+       inkscape:locked="false" /><sodipodi:guide
+       position="-30.277094,9.9119665"
+       orientation="0,-1"
+       id="guide568"
+       inkscape:locked="false" /><sodipodi:guide
+       position="-27.533373,4.9226061"
+       orientation="0,-1"
+       id="guide2166"
+       inkscape:locked="false" /><sodipodi:guide
+       position="-26.435553,0.33969573"
+       orientation="0,-1"
+       id="guide2170"
+       inkscape:locked="false" /></sodipodi:namedview><defs
+     id="defs2652" /><g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-174.22173,-130.72854)"><g
+       id="g49746-6"
+       transform="matrix(0.10147923,0,0,0.10147923,200.47469,111.47897)"
+       inkscape:export-filename="C:\Users\arnaud\Desktop\icone-idref.png"
+       inkscape:export-xdpi="379.71829"
+       inkscape:export-ydpi="379.71829"><circle
+         id="circle10-1-6-2"
+         style="display:inline;fill:#252c61;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:0.975724;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         cx="-209.26408"
+         cy="239.12845"
+         inkscape:export-filename="C:\Users\arnaud\Desktop\Logo-sudoc-qualite.png"
+         inkscape:export-xdpi="273"
+         inkscape:export-ydpi="273"
+         r="48.950825" /><path
+         inkscape:export-ydpi="150"
+         inkscape:export-xdpi="150"
+         inkscape:export-filename="C:\Users\arnaud\Documents\logos\triple store\logo-idref-blanc-361x76.png"
+         inkscape:connector-curvature="0"
+         id="path4497-5-1-6-9-1-5-0-5-5-0-6"
+         style="display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.457893"
+         d="m -232.62734,232.37556 h -12.64642 v -19.17551 h 12.64642 z" /><path
+         inkscape:export-ydpi="150"
+         inkscape:export-xdpi="150"
+         inkscape:export-filename="C:\Users\arnaud\Documents\logos\triple store\logo-idref-blanc-361x76.png"
+         inkscape:connector-curvature="0"
+         id="path4497-5-1-6-6-3-8-3-7-4-5-0-8"
+         style="display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.45762"
+         d="m -232.62284,265.03267 h -12.5908 v -19.23735 h 12.5908 z" /><path
+         inkscape:export-ydpi="150"
+         inkscape:export-xdpi="150"
+         inkscape:export-filename="C:\Users\arnaud\Documents\logos\triple store\logo-idref-blanc-361x76.png"
+         sodipodi:nodetypes="cccsccccccccccc"
+         inkscape:connector-curvature="0"
+         id="path5476-8-6-5-5-4-1-0-2"
+         d="m -222.32647,232.51174 -0.0289,-19.52458 31.07918,0.18549 c 0,0 23.50178,0.70827 23.4772,25.79994 -0.0289,24.60229 -22.9491,26.0054 -22.9491,26.0054 l -31.39257,0.0735 -0.10711,-19.16713 12.62275,-0.13345 0.0632,6.51106 18.94938,-0.28041 c 0,0 9.95369,-1.38222 10.24264,-12.3465 -0.18143,-11.91668 -11.14551,-13.64513 -11.14551,-13.64513 h -18.04642 l -0.0632,6.49097 z"
+         style="display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.10417px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /><rect
+         ry="3.4516029"
+         y="235.63954"
+         x="-252.49275"
+         height="6.9032059"
+         width="50.689919"
+         id="rect6433-7-6-1-4-0-6"
+         style="display:inline;fill:#d50b52;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.52248;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.466667" /></g></g></svg>

From 3a0e78892b5e44427db7a2aba013c044e06bb017 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <clment.delafontaine@gmail.com>
Date: Thu, 4 Apr 2024 16:04:47 +0200
Subject: [PATCH 6/8] =?UTF-8?q?THE-1167=20supression=20opacit=C3=A9=20des?=
 =?UTF-8?q?=20champs=20de=20recherche=20facettes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/common/results/FacetDrawer.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/components/common/results/FacetDrawer.vue b/components/common/results/FacetDrawer.vue
index 3bca63e0..ccb0786a 100644
--- a/components/common/results/FacetDrawer.vue
+++ b/components/common/results/FacetDrawer.vue
@@ -298,6 +298,16 @@ watch(() => props.resetTextFields,
   opacity: 0.9;
 }
 
+.facet-search-bar {
+  :deep(.v-field__outline) {
+    --v-field-border-opacity: 1;
+  }
+
+  :deep(.v-label) {
+    opacity: 1 !important;
+  }
+}
+
 .panel-text {
   overflow: auto;
   padding: 0 10px;

From ee0b540b3776c766816c8d1d0f80b4892d8c17e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <clment.delafontaine@gmail.com>
Date: Thu, 4 Apr 2024 16:46:26 +0200
Subject: [PATCH 7/8] THE-1167 contrastes switches

---
 components/common/HeaderCustom.vue | 4 ++++
 plugins/vuetify.ts                 | 2 ++
 2 files changed, 6 insertions(+)

diff --git a/components/common/HeaderCustom.vue b/components/common/HeaderCustom.vue
index e7cba708..f61d0423 100644
--- a/components/common/HeaderCustom.vue
+++ b/components/common/HeaderCustom.vue
@@ -212,4 +212,8 @@ header {
     opacity: 1;
   }
 }
+
+:deep(.v-switch__track) {
+  background-color: rgb(var(--v-theme-gris-switch));
+}
 </style>
\ No newline at end of file
diff --git a/plugins/vuetify.ts b/plugins/vuetify.ts
index 9a594a0e..f160c6e1 100644
--- a/plugins/vuetify.ts
+++ b/plugins/vuetify.ts
@@ -26,6 +26,7 @@ const abesLightTheme = {
     'fond-chip-blue': "#ABB9D5",
     'white-text': "#FFFFFF",
     'gris-skeleton' : '#e6e6e6',
+    'gris-switch': '#595759'
   }
 }
 
@@ -53,6 +54,7 @@ const abesDarkTheme = {
     'fond-chip-blue': "#ABB9D5",
     'white-text': "#FFFFFF",
     'gris-skeleton' : '#55586d',
+    'gris-switch': '#b3b2b4'
   }
 }
 

From e6044b105e5dbe49f5fe0fee376a4afb0245b7bb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <clment.delafontaine@gmail.com>
Date: Thu, 4 Apr 2024 17:24:58 +0200
Subject: [PATCH 8/8] =?UTF-8?q?THE-1167=20contrastes=20switches=20mobile?=
 =?UTF-8?q?=20et=20recherche=20avanc=C3=A9e=20+=20suppression=20header=20t?=
 =?UTF-8?q?ooltips=20mobile=20+=20inversion=20mots=20cles=20controlles=20t?=
 =?UTF-8?q?exte=20blanc=20sur=20fond=20orange=20vers=20texte=20bleu=20sur?=
 =?UTF-8?q?=20fond=20blanc=20+=20changemenent=20icone=20exporter=20these?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/common/ExportButton.vue        |  7 +------
 components/common/HeaderMobile.vue        | 17 ++++++++---------
 components/common/Keywords.vue            |  1 +
 components/theses/search/AdvancedForm.vue |  4 ++++
 plugins/vuetify.ts                        |  6 ++++--
 5 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/components/common/ExportButton.vue b/components/common/ExportButton.vue
index 99e6a588..66b47a8c 100644
--- a/components/common/ExportButton.vue
+++ b/components/common/ExportButton.vue
@@ -1,12 +1,7 @@
 <template>
   <v-menu location="bottom">
     <template v-slot:activator="{ props }">
-      <v-btn flat append-icon="mdi-file-export-outline" variant="outlined" v-bind="props">
-        <template v-slot:append-icon>
-          <v-icon>
-            mdi-file-export-outline
-          </v-icon>
-        </template>
+      <v-btn flat append-icon="mdi-upload-box" variant="outlined" v-bind="props">
         <p>{{ $t("theseView.exporter") }}</p>
       </v-btn>
     </template>
diff --git a/components/common/HeaderMobile.vue b/components/common/HeaderMobile.vue
index 896ee86b..b9e6c5f1 100644
--- a/components/common/HeaderMobile.vue
+++ b/components/common/HeaderMobile.vue
@@ -3,37 +3,32 @@
     <div class="left-side-buttons">
       <!--    Bouton menu burger -->
       <div class="buttons">
-        <v-icon @click="activateMenu" size="35px" :class="{ 'logo-active': showMenu }">mdi-menu
+        <v-icon :title="$t('menu')" @click="activateMenu" size="35px" :class="{ 'logo-active': showMenu }">mdi-menu
         </v-icon>
-        <v-tooltip activator="parent">{{ $t('menu') }}</v-tooltip>
       </div>
       <v-btn variant="plain" @click="dialog = true" class="buttons language-accessibility-button"
         :title="$t('access.btn')">
         <img :alt="$t('header.accessibility')" id="logo-handicap-visuel" :src="'/icone-handicap-visuel-' + colorMode + '.svg'" />
-        <v-tooltip activator="parent">{{ $t('header.accessibility') }}</v-tooltip>
       </v-btn>
     </div>
     <div class="right-side-buttons">
       <!--    Bouton filtres-->
       <button v-if="type === 'resultats'" @click="activateFilterMenu" color="primary"
         class="filter-mobile-nav-bar buttons">
-        <v-icon v-bind="props" size="35px">mdi-filter-menu-outline
+        <v-icon :title="$t('filtres')" v-bind="props" size="35px">mdi-filter-menu-outline
         </v-icon>
-        <v-tooltip activator="parent" location="start">{{ $t('filtres') }}</v-tooltip>
       </button>
       <!-- Bouton accès theses -->
       <button
         v-if="type === 'these' && theseSoutenue && (categoriesValide.length > 0 || boutonsAutres.length > 0) || (theseSoutenue && status === 'enCours')"
         @click="activateThesisAccess" class="filter-mobile-nav-bar buttons">
-        <v-icon v-bind="props" color="primary" size="35px">mdi-book-arrow-down-outline
+        <v-icon :title="$t('theseView.access')" v-bind="props" color="primary" size="35px">mdi-book-arrow-down-outline
         </v-icon>
-        <v-tooltip activator="parent">{{ $t('theseView.access') }}</v-tooltip>
       </button>
       <!--    Bouton menu recherche/selecteur these/personnes-->
       <div v-if="type !== 'home'" class="buttons">
-        <v-icon @click="activateSearchBar" size="35px" :class="{ 'logo-active': showSearchBar }">mdi-magnify
+        <v-icon :title="$t('rechercher')" @click="activateSearchBar" size="35px" :class="{ 'logo-active': showSearchBar }">mdi-magnify
         </v-icon>
-        <v-tooltip activator="parent" location="start">{{ $t('rechercher') }}</v-tooltip>
       </div>
     </div>
   </nav>
@@ -337,4 +332,8 @@ watch(changeContrast, newValue => {
 :deep(.v-btn--variant-plain) {
   opacity: 1 !important;
 }
+
+:deep(.v-switch__track) {
+  background-color: rgb(var(--v-theme-gris-switch));
+}
 </style>
\ No newline at end of file
diff --git a/components/common/Keywords.vue b/components/common/Keywords.vue
index 7e0d3c83..7ee1f656 100644
--- a/components/common/Keywords.vue
+++ b/components/common/Keywords.vue
@@ -296,6 +296,7 @@ h3 {
 
   .rameau-chip {
     background-color: rgb(var(--v-theme-orange-abes-thesaurus)) !important;
+    color: rgb(var(--v-theme-thesaurus-text));
   }
 
   .chips {
diff --git a/components/theses/search/AdvancedForm.vue b/components/theses/search/AdvancedForm.vue
index 1fab599a..a5607a0f 100644
--- a/components/theses/search/AdvancedForm.vue
+++ b/components/theses/search/AdvancedForm.vue
@@ -420,6 +420,10 @@ hr {
     color: rgb(var(--v-theme-secondary-darken-2));
     font-weight: 500;
 }
+
+:deep(.v-switch__track) {
+  background-color: rgb(var(--v-theme-gris-switch));
+}
 </style>
 
 <style>
diff --git a/plugins/vuetify.ts b/plugins/vuetify.ts
index f160c6e1..dd495ac8 100644
--- a/plugins/vuetify.ts
+++ b/plugins/vuetify.ts
@@ -26,7 +26,8 @@ const abesLightTheme = {
     'fond-chip-blue': "#ABB9D5",
     'white-text': "#FFFFFF",
     'gris-skeleton' : '#e6e6e6',
-    'gris-switch': '#595759'
+    'gris-switch': '#595759',
+    'thesaurus-text': "#FFFFFF",
   }
 }
 
@@ -42,7 +43,7 @@ const abesDarkTheme = {
     'secondary-darken-2': '#00AAEA',
     'secondary-darken-3': '#005A8F',
     'orange-abes': '#00AAEA',
-    'orange-abes-thesaurus': '#CF491B',
+    'orange-abes-thesaurus': '#FFFFFF',
     'gris-clair' : '#FFFFFF',
     'gris-fonce': '#FFFFFF',
     error: '#ff8080',
@@ -53,6 +54,7 @@ const abesDarkTheme = {
     'text-dark-blue': "#FFFFFF",
     'fond-chip-blue': "#ABB9D5",
     'white-text': "#FFFFFF",
+    'thesaurus-text': "#005A8F",
     'gris-skeleton' : '#55586d',
     'gris-switch': '#b3b2b4'
   }