Merge branch 'WebUI' of https://git.services.allin-it.fr/guillaume.topenot/ReAct_PME into WebUI

WebUI/ReAct_PME.WebUI/Layout/MainLayout.razor.css

@@ -4,6 +4,8 @@
     height: 100vh;
     width: 100vw;
     overflow: hidden;
+    background-image: url(images/bg.png);
+    background-size: cover;
 }
 
 
@@ -239,7 +241,6 @@
 .main-content {
     flex: 1;
     overflow-y: auto;
-    background-color: #f8f9fa;
 }
 
     .main-content::-webkit-scrollbar {

WebUI/ReAct_PME.WebUI/Pages/ChatRoom/ChatRoom_base.razor.css

@@ -29,7 +29,7 @@
     }
 
         .chatroom-messages::-webkit-scrollbar-thumb:hover {
-            background: var(--primary);
+            background: var( --third-color);
         }
 
 .chatroom-empty {
@@ -101,12 +101,12 @@
 }
 
 .avatar-user {
-    background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);
+    background: linear-gradient(135deg, var(--secondary) 0%, var( --third-color) 100%);
     color: white;
 }
 
 .avatar-assistant {
-    background: linear-gradient(135deg, var(--accent) 0%, #e02851 100%);
+    background: linear-gradient(135deg, var( --contrast) 0%, #e02851 100%);
     color: white;
 }
 
@@ -135,7 +135,7 @@
 }
 
 .bubble-user {
-    background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);
+    background: linear-gradient(135deg, var(--secondary) 0%, var( --third-color) 100%);
     color: white;
     border-bottom-right-radius: 4px;
 }
@@ -168,7 +168,7 @@
 
     .btn-message-action:hover {
         background: var(--bg-light);
-        color: var(--primary);
+        color: var( --third-color);
     }
 
 .typing-indicator {
@@ -459,7 +459,7 @@
     justify-content: center;
     width: 36px;
     height: 36px;
-    background: var(--accent);
+    background: var( --contrast);
     border: none;
     color: #ffffff;
     cursor: pointer;

WebUI/ReAct_PME.WebUI/wwwroot/css/app.css

@@ -21,10 +21,14 @@
     --font-size: 16px;
     --contrast-soft: #F48FB1;
     --contrast-soft-hover: #F06292;
+    --secondary: #2984a1;
+    --bg-light: #eaf8ff;
+    --text-dark: #243b5d;
+    --text-light: #6c757d;
+    --border: #e5e7eb;
 }
 
 
-
 html, body {
     font-family: 'Montserrat', Arial, sans-serif;
     height: 100%;
@@ -51,7 +55,6 @@ a, .btn-link {
 
 .page-container {
     padding: 1.5rem;
-    background-color: #f5f7fa;
     min-height: 100%;
 }
 
@@ -1448,22 +1451,13 @@ details[open] .nav-section-content {
 
 
 
-:root {
-    --primary: #243b5d;
-    --secondary: #2984a1;
-    --accent: #f63e63;
-    --bg-light: #eaf8ff;
-    --text-dark: #243b5d;
-    --text-light: #6c757d;
-    --border: #e5e7eb;
-}
+
 
 
 .home-container {
     display: flex;
     flex-direction: column;
     height: 100%;
-    background: linear-gradient(135deg, var(--bg-light) 0%, #ffffff 100%);
     overflow: hidden;
 }
 
@@ -1718,7 +1712,7 @@ color:white;
     justify-content: center;
     width: 36px;
     height: 36px;
-    background: var(--accent);
+    background: var( --contrast);
     border: none;
     color: #ffffff;
     cursor: pointer;
@@ -1793,7 +1787,7 @@ color:white;
     align-items: center;
     justify-content: center;
     transition: all 0.2s ease;
-    color: var(--primary);
+    color: var( --third-color);
 }
 
 .agent-content {
@@ -1839,7 +1833,7 @@ color:white;
 }
 
     .home-content::-webkit-scrollbar-thumb:hover {
-        background: var(--primary);
+        background: var( --third-color);
     }
 
 
@@ -1951,7 +1945,6 @@ color:white;
     display: flex;
     flex-direction: column;
     height: 100%;
-    background: var(--bg-light);
 }
 
 .chatroom-messages {
@@ -1977,7 +1970,7 @@ color:white;
     }
 
         .chatroom-messages::-webkit-scrollbar-thumb:hover {
-            background: var(--primary);
+            background: var( --third-color);
         }
 
 .chatroom-empty {
@@ -2049,12 +2042,12 @@ color:white;
 }
 
 .avatar-user {
-    background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);
+    background: linear-gradient(135deg, var(--secondary) 0%, var( --third-color) 100%);
     color: white;
 }
 
 .avatar-assistant {
-    background: linear-gradient(135deg, var(--accent) 0%, #e02851 100%);
+    background: linear-gradient(135deg, var( --contrast) 0%, #e02851 100%);
     color: white;
 }
 
@@ -2083,7 +2076,7 @@ color:white;
 }
 
 .bubble-user {
-    background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);
+    background: linear-gradient(135deg, var(--secondary) 0%, var( --third-color) 100%);
     color: white;
     border-bottom-right-radius: 4px;
 }
@@ -2116,7 +2109,7 @@ color:white;
 
     .btn-message-action:hover {
         background: var(--bg-light);
-        color: var(--primary);
+        color: var( --third-color);
     }
 
 .typing-indicator {
@@ -2404,7 +2397,7 @@ color:white;
     justify-content: center;
     width: 36px;
     height: 36px;
-    background: var(--accent);
+    background: var( --contrast);
     border: none;
     color: #ffffff;
     cursor: pointer;