THE-1369 ajout du theme contraste inversé

abes-esr · Sep 26, 2024 · b3c9bc3 · b3c9bc3
1 parent 1c1cb8e
commit b3c9bc3
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 2 deletions.
diff --git a/components/common/FooterCustom.vue b/components/common/FooterCustom.vue
@@ -266,11 +266,13 @@
   .footerBottom {
     width: 100%;
     background-color: rgb(var(--v-theme-fond-noir));
-    color: rgb(var(--v-theme-white-text));
+    color: rgb(var(--v-theme-white-text-footer));
 
     display: grid;
     grid-template-columns: 1fr 1fr;
 
+    border-top: rgb(var(--v-theme-gris-clair)) solid 1px;
+
     @media #{ map-get(settings.$display-breakpoints, 'sm-and-down')} {
       display: flex;
       flex-direction: column;

diff --git a/components/common/ScrollToTopButton.vue b/components/common/ScrollToTopButton.vue
@@ -56,7 +56,7 @@ export default {
   position: absolute;
   top: 5px;
   left: 5px;
-  background: rgb(var(--v-theme-gris-clair));
+  background: rgb(var(--v-theme-surface));
 }
 
 

diff --git a/plugins/vuetify.ts b/plugins/vuetify.ts
@@ -25,6 +25,7 @@ const abesLightTheme = {
     'text-dark-blue': "#0B2134",
     'fond-chip-blue': "#ABB9D5",
     'white-text': "#FFFFFF",
+    'white-text-footer': "#FFFFFF",
     'gris-skeleton' : '#e6e6e6',
     'gris-switch': '#595759',
     'thesaurus-text': "#FFFFFF",
@@ -54,12 +55,43 @@ const abesDarkTheme = {
     'text-dark-blue': "#FFFFFF",
     'fond-chip-blue': "#ABB9D5",
     'white-text': "#FFFFFF",
+    'white-text-footer': "#FFFFFF",
     'thesaurus-text': "#005A8F",
     'gris-skeleton' : '#55586d',
     'gris-switch': '#b3b2b4'
   }
 }
 
+const abesInvertedTheme = {
+  dark: false,
+  colors: {
+    background: '#000080',
+    surface: '#000080',
+    primary: '#ffff00',
+    'primary-darken-1': '#ffff00',
+    secondary: '#ffff00',
+    'secondary-darken-1': '#ffff00',
+    'secondary-darken-2': '#ffff00',
+    'secondary-darken-3': '#ffff00',
+    'orange-abes': '#ffff00',
+    'orange-abes-thesaurus': '#ffff00',
+    'gris-clair' : '#ffff00',
+    'gris-fonce': '#ffff00',
+    error: '#ffff00',
+    info: '#2196F3',
+    success: '#4CAF50',
+    warning: '#ffff00',
+    'fond-noir': "#000080",
+    'text-dark-blue': "#ffff00",
+    'fond-chip-blue': "#ffff00",
+    'white-text': "#000080",
+    'white-text-footer': "#ffff00",
+    'thesaurus-text': "#000080",
+    'gris-skeleton' : '#ffff00',
+    'gris-switch': '#ffff00'
+  }
+}
+
 export default defineNuxtPlugin((app) => {
   let ssr = true;
 
@@ -75,6 +107,7 @@ export default defineNuxtPlugin((app) => {
         themes: {
             abesLightTheme,
             abesDarkTheme,
+            abesInvertedTheme
         }
     },
     ssr: ssr,