From 967b6114e1775f5c68e7a494cb04b449e361545c Mon Sep 17 00:00:00 2001
From: Do-raa <dorraelkahla@yahoo.fr>
Date: Mon, 23 Dec 2024 20:04:26 +0100
Subject: [PATCH] changed some colors

---
 nuxt.config.ts  |  7 +++----
 pages/index.vue | 16 ++++++++--------
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/nuxt.config.ts b/nuxt.config.ts
index 9c0329e..5278c2c 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -44,10 +44,9 @@ export default defineNuxtConfig({
           light: {
             colors: {
               primary: '#A7D129',
-              secondary: '#686D76',
-              tertiary: '#BE3737',
-              yellow: '#FFE31A',
-              accent: '#000000',
+              secondary: '#FFD93D',
+              tertiary: '#FFB400',
+              accent: '#646464',
             },
           },
         },
diff --git a/pages/index.vue b/pages/index.vue
index 99c6579..3572ad8 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -14,7 +14,7 @@
                 </video>
             </v-row>
             <!-- Introduction section -->
-            <v-row v-if="introduction" class="d-flex justify-center align-center text-center">
+            <v-row v-if="introduction" class="d-flex justify-center align-center text-center mx-4">
                 <h1 class="my-8 lg:text-xl text-l text-black">{{ introduction.title }}</h1>
                 <p class="text-xs text-black sm:mb-24 mr-2 lg:mr-8 text-justify">{{ introduction.description }}</p>
             </v-row>
@@ -114,13 +114,13 @@
                                 <div class="flex items-center mb-0">
                                     <!-- Like/Dislike Section -->
                                     <div class="mr-3 flex items-center">
-                                        <v-icon class="mr-1 text-xs" size="18" color="yellow"
+                                        <v-icon class="mr-1 text-xs" size="18" color="secondary"
                                             @click.stop="likeArticle(article.id)">
                                             mdi-thumb-up
                                         </v-icon>
                                         <p class="text-gray-400 text-sm">{{ article.likes }}</p>
 
-                                        <v-icon class="mr-1 ml-2 text-xs" size="18" color="yellow"
+                                        <v-icon class="mr-1 ml-2 text-xs" size="18" color="tertiary"
                                             @click.stop="dislikeArticle(article.id)">
                                             mdi-thumb-down
                                         </v-icon>
@@ -146,10 +146,10 @@
                                         <div class="flex items-center mb-0">
                                             <!-- Like/Dislike Section -->
                                             <div class="mr-3 flex items-center">
-                                                <v-icon color="yellow" size="14"
+                                                <v-icon color="secondary" size="14"
                                                     @click="likeComment(article.id, comment.id)">mdi-thumb-up</v-icon>
                                                 <span class="text-xs text-gray-400 ml-1 mr-2">{{ comment.likes }}</span>
-                                                <v-icon color="yellow" size="14"
+                                                <v-icon color="tertiary" size="14"
                                                     @click="dislikeComment(article.id, comment.id)">mdi-thumb-down</v-icon>
                                                 <span class="text-xs text-gray-400 ml-1">{{ comment.dislikes }}</span>
                                             </div>
@@ -159,7 +159,7 @@
                                     </v-timeline-item>
 
                                     <!-- No Comments Placeholder -->
-                                    <v-timeline-item v-else dot-color="secondary" size="x-small">
+                                    <v-timeline-item v-else dot-color="accent" size="x-small">
                                         <p class="text-sm text-black">Aucune suggestion pour cet article</p>
                                     </v-timeline-item>
                                 </v-timeline>
@@ -173,7 +173,7 @@
             <!-- Signature Section -->
             <v-row class="justify-center w-full">
                 <v-col cols="12" md="6" lg="8">
-                    <v-card elevation="3" class="pa-6 bg-gray-100" color="secondary">
+                    <v-card elevation="3" class="pa-6 bg-gray-100" color="accent">
                         <v-card-title class="text-center">
                             <h2 class="text-uppercase text-md font-semibold font-sans">Signer la Charte</h2>
                         </v-card-title>
@@ -212,7 +212,7 @@
                             <v-expansion-panel-text>
                                 <v-timeline align="start" density="compact">
                                     <v-timeline-item v-for="signature in signatures" :key="signature.id"
-                                        dot-color="secondary" size="x-small">
+                                        dot-color="accent" size="x-small">
                                         <div>
                                             <div class="font-weight-normal font-sans text-sm">
                                                 <strong>{{ signature.name }}</strong> @{{ signature.createdAt }}