Skip to content

Commit

Permalink
THE-1369 ajout du theme contraste inversé
Browse files Browse the repository at this point in the history
  • Loading branch information
clementdelafontaine committed Sep 26, 2024
1 parent 1c1cb8e commit b3c9bc3
Show file tree
Hide file tree
Showing 3 changed files with 37 additions and 2 deletions.
4 changes: 3 additions & 1 deletion components/common/FooterCustom.vue
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down
2 changes: 1 addition & 1 deletion components/common/ScrollToTopButton.vue
Original file line number Diff line number Diff line change
Expand Up @@ -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));
}
Expand Down
33 changes: 33 additions & 0 deletions plugins/vuetify.ts
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand Down Expand Up @@ -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;

Expand All @@ -75,6 +107,7 @@ export default defineNuxtPlugin((app) => {
themes: {
abesLightTheme,
abesDarkTheme,
abesInvertedTheme
}
},
ssr: ssr,
Expand Down

0 comments on commit b3c9bc3

Please sign in to comment.