From 4e54794d52d477fc191375efce94432b708f4c6a Mon Sep 17 00:00:00 2001
From: jeffyactive <jeff@reelyactive.com>
Date: Tue, 2 Jul 2024 15:22:10 -0400
Subject: [PATCH] Improved dark display

---
 .../anywhere/infrastructure/aruba/index.html  | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/pareto/anywhere/infrastructure/aruba/index.html b/pareto/anywhere/infrastructure/aruba/index.html
index 0c8992b..a9af7b0 100644
--- a/pareto/anywhere/infrastructure/aruba/index.html
+++ b/pareto/anywhere/infrastructure/aruba/index.html
@@ -463,12 +463,12 @@ <h3 class="card-title"> Forge ahead freely </h3>
           <img src="../../../../images/infrastructure-aruba-architecture.png"
                class="img-fluid my-5" alt="Aruba Networks & Pareto Anywhere">
           <!-- Ambient data in, standard data out -->
-          <h3 class="text-center mt-5"> <b>Pareto Anywhere</b> provides a <span class="text-secondary">single standard stream</span> of real-time data, <span class="text-info">regardless of the underlying devices & technologies.</span> </h3>
+          <h3 class="text-center mt-5"> <b>Pareto Anywhere</b> provides a <span class="text-secondary">single standard stream</span> of real-time data, <span class="text-body-secondary">regardless of the underlying devices & technologies.</span> </h3>
           <div class="card-group mt-3 mb-5">
             <div class="card border-0 rounded-3 hover-shadow">
               <div class="card-body">
                 <h3 class="card-title"> Ambient data in&hellip; </h3>
-                <p class="card-text"> <b class="text-dark">Pareto Anywhere</b> collects <b class="text-ambient"><i class="fas fa-wifi"></i> ambient data</b> from the radio-identifiable devices occupying a physical space via the AP infrastructure <em>already present</em> in that space. </p>
+                <p class="card-text"> <b class="text-body-emphasis">Pareto Anywhere</b> collects <b class="text-ambient"><i class="fas fa-wifi"></i> ambient data</b> from the radio-identifiable devices occupying a physical space via the AP infrastructure <em>already present</em> in that space. </p>
               </div>
               <div class="card-footer bg-ambient bg-gradient border-0">
                 <a href="../../../../ambient-data/#content"
@@ -480,7 +480,7 @@ <h3 class="card-title"> Ambient data in&hellip; </h3>
             <div class="card text-end border-0 rounded-3 hover-shadow">
               <div class="card-body">
                 <h3 class="card-title"> &hellip;Hyperlocal Context out </h3>
-                <p class="card-text"> <b class="text-dark">Pareto Anywhere</b> serves a real-time stream of <b class="text-secondary">who/what</b> <small>is</small> <b class="text-secondary">where/how</b> as web-standard machine-readable data: <em>Hyperlocal Context.</em> </p>
+                <p class="card-text"> <b class="text-body-emphasis">Pareto Anywhere</b> serves a real-time stream of <b class="text-secondary">who/what</b> <small>is</small> <b class="text-secondary">where/how</b> as web-standard machine-readable data: <em>Hyperlocal Context.</em> </p>
               </div>
               <div class="card-footer bg-secondary bg-gradient border-0">
                 <a href="../../../../context/#content"
@@ -502,16 +502,16 @@ <h3 class="card-title"> &hellip;Hyperlocal Context out </h3>
               </div>
             </div>
           </div>
-          <h3 class="text-center"> One infrastructure, two integration options </h3>
+          <h3 class="text-center mt-2"> One infrastructure, two integration options </h3>
           <div class="card-group mt-3">
             <div class="card hover-shadow">
               <h4 class="card-header text-center bg-dark text-white border-0">
                 Pareto Anywhere
               </h4>
               <div class="card-body">
-                <p class="card-text"> Select the <b class="text-success">WebSocket</b> transport option to forward data to a <b class="text-dark">Pareto Anywhere</b> instance running on-prem or in your cloud. </p>
+                <p class="card-text"> Select the <b class="text-success">WebSocket</b> transport option to forward data to a <b class="text-body-emphasis">Pareto Anywhere</b> instance running on-prem or in your cloud. </p>
               </div>
-              <div class="card-footer text-center bg-white">
+              <div class="card-footer text-center bg-transparent">
                 <a href="https://reelyactive.github.io/diy/aruba-instant-config/"
                    target="_blank" class="btn btn-outline-primary"
                    role="button">
@@ -524,9 +524,9 @@ <h4 class="card-header text-center bg-dark text-white border-0">
                 Pareto Anywhere for Azure
               </h4>
               <div class="card-body">
-                <p class="card-text"> Select the <b class="text-success">IoT Transport</b> option to easily and securely forward data to Azure IoT Hub, from which <b class="text-dark">Pareto Anywhere for Azure</b> will consume the real-time data, running as a stateless Azure Function. </p>
+                <p class="card-text"> Select the <b class="text-success">IoT Transport</b> option to easily and securely forward data to Azure IoT Hub, from which <b class="text-body-emphasis">Pareto Anywhere for Azure</b> will consume the real-time data, running as a stateless Azure Function. </p>
               </div>
-              <div class="card-footer text-center bg-white">
+              <div class="card-footer text-center bg-transparent">
                 <a href="../../integrations/azure/#content"
                    class="btn btn-outline-primary" role="button">
                   Learn more
@@ -592,7 +592,7 @@ <h4 class="card-title"> Developers, developers, developers! </h4>
             <div class="card border-0 rounded-3 hover-shadow">
               <div class="card-body text-center">
                 <h2 class="card-title text-uppercase"> Free as can be </h2>
-                <p class="card-text"> <b class="text-dark">Pareto Anywhere</b> is open source and <em>free</em>: </p>
+                <p class="card-text"> <b class="text-body-emphasis">Pareto Anywhere</b> is open source and <em>free</em>: </p>
                 <ul class="list-inline">
                   <li class="list-inline-item">
                     <i class="fas fa-check text-success"></i>&nbsp;
@@ -608,7 +608,7 @@ <h2 class="card-title text-uppercase"> Free as can be </h2>
                   </li>
                 </ul>
               </div>
-              <div class="card-footer text-center bg-white">
+              <div class="card-footer text-center bg-transparent">
                 <a href="../../../../open-source/#content" role="button"
                    class="btn btn-outline-primary"> Open source </a>
               </div>
@@ -617,9 +617,9 @@ <h2 class="card-title text-uppercase"> Free as can be </h2>
               <div class="card-body">
                 <h2 class="card-title text-uppercase text-center"> Beyond with benefits </h2>
                 <p class="card-text text-center"> <i class="fas fa-rocket text-muted"></i> <em>Go faster</em> with expert guidance. </p>
-                <p class="card-text"> Choose our <b class="text-dark">Beyond package</b> to <em>accelerate</em> adoption, leveraging our team as an extension of your own. </p>
+                <p class="card-text"> Choose our <b class="text-body-emphasis">Beyond package</b> to <em>accelerate</em> adoption, leveraging our team as an extension of your own. </p>
               </div>
-              <div class="card-footer text-center bg-white">
+              <div class="card-footer text-center bg-transparent">
                 <a href="../../../../beyond/#content" role="button"
                    class="btn btn-outline-primary"> Beyond </a>
               </div>