From b1fa207141ea7121874407bc56af24b7c287c9b4 Mon Sep 17 00:00:00 2001
From: Ed Madrid <edmadrid@gmail.com>
Date: Wed, 31 Jan 2024 00:29:37 -0500
Subject: [PATCH] specify readable foreground text color for items carousel
 header

---
 site/_includes/components/heros/exhibits-carousel.html | 2 +-
 site/_includes/components/items/carousel.html          | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/site/_includes/components/heros/exhibits-carousel.html b/site/_includes/components/heros/exhibits-carousel.html
index 27b82342..49251619 100644
--- a/site/_includes/components/heros/exhibits-carousel.html
+++ b/site/_includes/components/heros/exhibits-carousel.html
@@ -1,5 +1,5 @@
 <div class="not-prose bg-primary mx-[calc(50%-50vw)] w-auto">
-  <h2 class="text-center py-6 text-2xl font-bold text-primary-content">Example exhibit carousel title</h2>
+  <h2 class="text-center py-6 text-3xl font-bold text-primary-content">Example exhibit carousel title</h2>
   <div class="hero block">
     <div class="hero-content mx-auto bg-primary">
       <div class="carousel items-center py-5">
diff --git a/site/_includes/components/items/carousel.html b/site/_includes/components/items/carousel.html
index 006deecb..ea50168f 100644
--- a/site/_includes/components/items/carousel.html
+++ b/site/_includes/components/items/carousel.html
@@ -2,13 +2,13 @@
 
 <div class="container mx-auto pt-10">
   <div class="flex align-center justify-between my-8">
-    <div class="text-left prose">
+    <div class="text-left prose text-primary-content">
       <div class="text-3xl font-bold">Test Carousel w/ Archival Items</div>
       <p>I'm some additional info if needed.</p>
     </div>
     <div class="text-right">
-      <button class="btn btn-sm hover:btn-outline btn-outline prev">Previous</button>
-      <button class="btn btn-sm hover:btn-outline btn-outline next">Next</button>
+      <button class="btn btn-sm text-primary-content hover:text-accent hover:bg-secondary-content hover:btn-outline btn-outline prev">Previous</button>
+      <button class="btn btn-sm text-primary-content hover:text-accent hover:bg-secondary-content hover:btn-outline btn-outline next">Next</button>
     </div>
   </div>