minor style fixes

assets/style/theme.scss

@@ -29,6 +29,9 @@ body {
   --action-menu-secondary-color: #9edbdd;
   --action-menu-on-secondary-color: #262626;
 
+  --scroll-menu-primary-color: #0e2d32;
+  --scroll-menu-on-primary-color: #ffffff;
+
   --artist-color-light: #fef3ce;
   --school-color-light: #a5d4e5;
   --manager-color-light: #f7cdce;

components/About/Valeurs.vue

@@ -100,11 +100,11 @@ const values: Array<Array<SocietyValue>> = [
   background-position: center;
   height: 400px;
   width: 450px;
+  margin-left: auto;
+  margin-right: auto;
 
   @media (max-width: 1240px) {
     width: 90%;
-    margin-left: auto;
-    margin-right: auto;
   }
 }
 

components/Common/MenuScroll.vue

@@ -99,8 +99,8 @@ const handleScroll = () => {
 }
 
 .active {
-  background-color: var(--on-primary-color);
-  color: var(--primary-color);
+  background-color: var(--scroll-menu-primary-color);
+  color: var(--scroll-menu-on-primary-color);
   border-radius: 16px;
   padding: 5px;
 }

components/Formation/OPCA.vue

@@ -61,6 +61,7 @@ import AnchoredSection from "~/components/Layout/AnchoredSection.vue";
   height: 400px;
   width: 450px;
   border-radius: 10%;
+  margin: 0 auto;
 }
 
 h3 {

pages/opentalent_manager.vue

@@ -92,7 +92,7 @@ const stickyMenuActions: Array<ActionMenuItem> = [
   --secondary-color: var(--manager-color-light);
 
   --action-menu-primary-color: var(--manager-color);
-  --action-menu-on-primary-color: var(--on-primary-color);
+  --action-menu-on-primary-color: var(--primary-color);
   --action-menu-secondary-color: var(--primary-color);
   --action-menu-on-secondary-color: var(--on-primary-color);
 }