From 8a5a07b63b8a60801c76a366927f5e916a98c01c Mon Sep 17 00:00:00 2001
From: Rob Kelly <contact@robkel.ly>
Date: Sat, 20 Dec 2025 15:46:31 -0700
Subject: [PATCH] Using FA chevrons for carousel, with light colors

---
 www/index.html | 6 ++++--
 www/style.css  | 4 ++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/www/index.html b/www/index.html
index e072ef6..560be99 100644
--- a/www/index.html
+++ b/www/index.html
@@ -141,11 +141,13 @@
 
                 </div>
                 <button class="carousel-control-prev" type="button" data-bs-target="#gameDemoCarousel" data-bs-slide="prev">
-                    <span class="carousel-control-prev-icon" aria-hidden="true" />
+                    <i class="h1 fa-solid fa-chevron-left" aria-hidden="true"></i>
+                    <!-- <span class="carousel-control-prev-icon" aria-hidden="true" /> -->
                     <span class="visually-hidden">Previous</span>
                 </button>
                 <button class="carousel-control-next" type="button" data-bs-target="#gameDemoCarousel" data-bs-slide="next">
-                    <span class="carousel-control-next-icon" aria-hidden="true" />
+                    <i class="h1 fa-solid fa-chevron-right" aria-hidden="true"></i>
+                    <!-- <span class="carousel-control-next-icon" aria-hidden="true" /> -->
                     <span class="visually-hidden">Next</span>
                 </button>
             </div>
diff --git a/www/style.css b/www/style.css
index 58c006c..5b17fc0 100644
--- a/www/style.css
+++ b/www/style.css
@@ -97,3 +97,7 @@ a {
 .carousel-indicators button {
     background-color: #fff !important;
 }
+
+.carousel-control-prev-icon, .carousel-control-next-icon {
+    filter: invert(0) !important;
+}