Updated progress on light mode

template/page-xrpl-overview.html.jinja

@@ -26,7 +26,7 @@
     <div class="col-lg-5 mx-auto text-center">
       <div class="d-flex flex-column-reverse">
         <h1 class="mb-0">{% trans %}XRPL Today and the Vision for Tomorrow{% endtrans %}</h1>
-        <h6 class="green-500 mb-3">{% trans %}XRPL | XRP Ledger Overview{% endtrans %}</h6>
+        <h6 class="eyebrow mb-3">{% trans %}XRPL | XRP Ledger Overview{% endtrans %}</h6>
       </div>
     </div>
   </section>
@@ -39,7 +39,7 @@
     <div class="col-lg-6 offset-lg-3 pl-0-sm pr-0-sm p-10-until-sm">
       <div class="d-flex flex-column-reverse">
         <h2 class="h4 h2-sm mb-8">{% trans %}How the XRP Ledger works{% endtrans %}</h2>
-        <h6 class="green-500 mb-3">{% trans %}XRP Ledger Basics{% endtrans %}</h6>
+        <h6 class="eyebrow mb-3">{% trans %}XRP Ledger Basics{% endtrans %}</h6>
       </div>
       <h5 class="longform mb-10">{% trans %}The XRP Ledger is a decentralized public blockchain. {% endtrans %}</h5>
       <p class="mb-10">{% trans %}Anyone can connect their computer to the peer-to-peer network that manages the ledger. The global XRP Ledger community—a diverse set of software engineers, server operators, users, and businesses—maintains the ledger.{% endtrans %}</p>
@@ -52,7 +52,7 @@
       <div class="col-new">
         <div class="d-flex flex-column-reverse">
           <h2 class="h4 h2-sm mb-8">{% trans %}How the Consensus Protocol works{% endtrans %}</h2>
-          <h6 class="green-500 mb-3">{% trans %}Consensus{% endtrans %}</h6>
+          <h6 class="eyebrow mb-3">{% trans %}Consensus{% endtrans %}</h6>
         </div>
         <h5 class="longform mb-10">{% trans %}XRPL uses a consensus protocol, in which designated servers called <a href="run-a-rippled-validator.html">validators</a> come to an agreement on the order and outcome of XRP transactions every 3-5 seconds.{% endtrans %}</h5>
         <p class="mb-6">{% trans %}All servers in the network process each transaction according to the same rules, and any transaction that follows the protocol is confirmed right away. All transactions are public, with strong cryptography to guarantee the integrity of the system.{% endtrans %}</p>
@@ -80,7 +80,7 @@
       <div class="col-new">
         <div class="d-flex flex-column-reverse">
           <h4 class="h4 h2-sm mb-8">{% trans %}XRPL provides powerful utility across the blockchain space{% endtrans %}</h4>
-          <h6 class="green-500 mb-3">{% trans %}XRPL Today{% endtrans %}</h6>
+          <h6 class="eyebrow mb-3">{% trans %}XRPL Today{% endtrans %}</h6>
         </div>
         <h5 class="longform mb-10">{% trans %}The ledger’s unique properties, such as its fast and efficient consensus algorithm and censorship-resistant transaction processing, are leveraged by thousands of developers.{% endtrans %}</h5>
         <p class="mb-10">{% trans %}With the XRPL, these developers are building innovative projects and applications across blockchain use cases including tokenization of assets, online gaming, asset custody, NFTs, and DeFi.{% endtrans %}</p>
@@ -89,7 +89,7 @@
       <div class="col-new mb-0">
         <div class="d-flex flex-column-reverse">
           <h4 class="h4 h2-sm mb-8">{% trans %}Fulfilling the vision of the XRPL community{% endtrans %}</h4>
-          <h6 class="green-500 mb-3">{% trans %}XRPL Tomorrow{% endtrans %}</h6>
+          <h6 class="eyebrow mb-3">{% trans %}XRPL Tomorrow{% endtrans %}</h6>
         </div>
         <h5 class="longform mb-10">{% trans %}While XRPL is the choice of developers who don’t want to sacrifice security or performance and who want to build on the greenest blockchain, that’s only the beginning.{% endtrans %}</h5>
         <p class="mb-0">{% trans %}As a community-led blockchain, XRPL’s vision is also a community effort. <a href="https://xrplf.org/" target="_blank">The XRPL Foundation</a> is currently collaborating with community members to define a shared vision statement. Stay tuned for more on this effort—we can’t wait to share it with you.{% endtrans %}</p>