barre menu en haut + ajustement style

front_end/src/App.css

@@ -15,6 +15,7 @@
   --green-A-primary: #10b98120;
   --green-A-secondary: #05966920;
   --green-A-dark: #04785720;
+  --themeButtonColor : #00AAFF;
 }
 
 [data-theme='light'] {
@@ -33,6 +34,7 @@
   --green-A-primary: #00ce8920;
   --green-A-secondary: #00a57120;
   --green-A-dark: #00825d20;
+  --themeButtonColor : #FFAA00;
 }
 
 /* Reset et base */
@@ -69,12 +71,22 @@ code {
   color: var(--green-primary);
 }
 
+.App{
+  display: grid;
+  padding: 10px;
+  gap:10px;
+}
+
 /* Container principal */
 .app-container {
   min-height: 100vh;
   background: linear-gradient(180deg, var(--tint0) 0%, var(--tint1) 100%);
 }
 
+.composant-padding{
+ padding: 10px;
+}
+
 .composant-container{
   background-color: var(--tint2);
   border-radius: 30px;