change swiper arrows

assets/css/src/swiper.css

@@ -28,6 +28,8 @@
   top: 0 !important;
   z-index: 3 !important;
   margin-top: 0 !important;
+  color: #000 !important;
+  font-size: 3rem !important;
 }
 
 .swiper-button-next:after,
@@ -35,12 +37,12 @@
   content: "" !important;
 }
 
-.swiper-button-next {
-  justify-content: flex-end !important;
-}
 .swiper-button-prev {
   justify-content: flex-start !important;
 }
+.swiper-button-next {
+  justify-content: flex-end !important;
+}
 
 .swiper-button img {
   width: 2.5rem;

assets/css/src/text.css

@@ -11,6 +11,7 @@
 body {
   font-family: "Joker", sans-serif;
   font-size: var(--font-size-m);
+  line-height: 1.25;
 }
 
 h1,

assets/css/src/variables.css

@@ -25,11 +25,8 @@
   --color-pink-light: #ffa199;
   --color-salmon: #ff6647;
   --color-purple: #9e00ff;
-  --color-purple-light: #f066ff;
   --color-yellow: #faff82;
   --color-yellow-fluo: #d6ff00;
-  --color-orange: #ff5c00;
-  --color-red: #ff3300;
   --color-duck: #2e8799;
   --color-blue: #009eff;
   --color-blue-light: #9ef;
@@ -38,6 +35,7 @@
   --color-mint: #45e6ba;
   --color-brown: #a59478;
   --color-brown-light: #d6cfbe;
+  --color-beige: #f7f6ed;
 
   --transition-image-opacity: opacity 0.3s ease-in-out;
 }

site/templates/event.php

@@ -18,8 +18,8 @@
       <?php endforeach ?>
     </div>
 
-    <button class="swiper-button swiper-button-prev" title="image précédente"><img src="<?= url('assets/images/icons/arrow-prev.svg') ?>" alt=""></button>
-    <button class="swiper-button swiper-button-next" title="image suivante"><img src="<?= url('assets/images/icons/arrow-next.svg') ?>" alt=""></button>
+    <button class="swiper-button swiper-button-prev" title="précédente">←</button>
+    <button class="swiper-button swiper-button-next" title="suivante">→</button>
   </div>
   <div class="presentation__text">
     <h2 class="h1 presentation__title"><?= $page->title() ?></h2>