diff --git a/css/index.css b/css/index.css
index abf8be5b0..31407a258 100644
--- a/css/index.css
+++ b/css/index.css
@@ -256,7 +256,7 @@ background-color:#5596f5 !important;
 @layer components {
   h1 {
     @apply text-4xl lg:text-6xl font-normal;
-    color: #2b2b2b;
+    color: #ffffff;
     font-family: "Inter", sans-serif !important;
   }
   h2 {
@@ -269,7 +269,7 @@ background-color:#5596f5 !important;
   }
   h3 {
     @apply text-2xl lg:text-3xl my-4 font-extralight;
-    color: #2b2b2b;
+    color: #ffffff;
     font-family: "Inter", sans-serif !important;
   }
   h3 strong {
@@ -324,12 +324,12 @@ background-color:#5596f5 !important;
   }
 
   h3 a{
-    color:#2b2b2b;
+    color:#ffffff;
 
   }
 
   h3 a:hover{
-    color:#2E83FF;
+    color:#b6b6b6;
 
   }
   
@@ -342,7 +342,7 @@ background-color:#5596f5 !important;
     font-family: "Inter", sans-serif;
     line-height: 1.5;
     font-weight: 700;
-    color:#333;
+    color:#e2e2e2;
   }
   
   .article h1{
@@ -354,7 +354,7 @@ background-color:#5596f5 !important;
     font-size: 1.125rem;
     font-family: "Inter", sans-serif;
     line-height: 1.7;
-    color:#333
+    color:#e2e2e2
   }
   
   .post-content-text a, .article a{
@@ -369,7 +369,7 @@ background-color:#5596f5 !important;
     font-size: 1.125rem;
     font-family: "Inter", sans-serif;
     line-height: 1.7;
-    color:#333
+    color:#e2e2e2
   }
 
   .article h3{
diff --git a/templates/partials/blogSidebar.html b/templates/partials/blogSidebar.html
index 7d0cde20a..c7dabd188 100644
--- a/templates/partials/blogSidebar.html
+++ b/templates/partials/blogSidebar.html
@@ -1,25 +1,25 @@
 
 <div class="mx-8 md:mx-4 flex flex-col">
     <div class="flex flex-col mb-12">
-        <h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-4"> FILTER POSTS BY</h4>
-        <a id="all" class="mb-2 text-black font-normal" href="/blog">All</a>
+        <h4 class="text-base not-italic font-medium leading-6 text-gray-100 mb-4"> FILTER POSTS BY</h4>
+        <a id="all" class="mb-2 text-white font-normal" href="/blog">All</a>
         {% set taxonomy = get_taxonomy(kind="categories") %}
         {% set categories = taxonomy.items %}
         {% for category in categories %}
             {% set path = category.name | slugify %}
             {% set fullpath = "/categories/" ~ path %}
-            <a id="{{path}}" class="mb-2 text-black font-normal" href={{fullpath}}> {{category.name}} </a>
+            <a id="{{path}}" class="mb-2 text-gray-100 font-normal" href={{fullpath}}> {{category.name}} </a>
         {% endfor %}
     </div>
 
 {% set section = get_section(path="blog/_index.md")%}
 
     <div class="lg:pt-6 flex flex-col mb-12 w-64 mr-8 lg:mr-24">
-        <h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-6"> FEATURED POSTS</h4>
+        <h4 class="text-base not-italic font-medium leading-6 text-gray-100 mb-6"> FEATURED POSTS</h4>
 
         {% for page in section.pages %}
         {% if page.extra.isFeatured %}
-            <a class="mb-3 text-blue-700" href={{page.permalink}}>{{ page.title }}</a>
+            <a class="mb-3 text-gray-400" href={{page.permalink}}>{{ page.title }}</a>
         {% endif %}
         {% endfor %}
         
diff --git a/templates/partials/featuredBlog.html b/templates/partials/featuredBlog.html
index 4b662c659..5875b4c84 100644
--- a/templates/partials/featuredBlog.html
+++ b/templates/partials/featuredBlog.html
@@ -11,30 +11,30 @@
 
   <div class="md:grid md:grid-cols-2 md:gap-8 relative mt-12 md:mt-10 items-center container mx-auto">
     <div class="relative my-8 w-full md:w-auto mx-3 lg:mx-12">
-      <h3 class="text-base not-italic font-medium leading-6 text-gray-600 mb-4">FEATURED POST</h3>
+      <h3 class="text-base not-italic font-medium leading-6 text-gray-100 mb-4">FEATURED POST</h3>
       <a href={{featured.permalink}}>
         <h2
-          class="text-2xl main-title md:text-4xl fw-500 leading-snug font-medium">
+          class="text-2xl main-title md:text-4xl fw-500 text-gray-50 leading-snug font-medium">
           {{ featured.title }}
         </h2>
-        <p class="mt-2 text-base font-normal text-gray-500 text-left">
+        <p class="mt-2 text-base font-normal text-gray-50 text-left">
           {{ featured.description }}
         </p>
       </a>
-      <h4 class="my-2 text-sm not-italic font-light leading-6 text-gray-600">
+      <h4 class="my-2 text-sm not-italic font-light leading-6 text-gray-100">
         {{ featured.date | date(format="%B %e, %Y", timezone="America/Chicago")}} -
         {% for author in featured.taxonomies.people %}
         {% set author_path = 'people/' ~ author ~ '/index.md' %}
         {% set author = get_page(path=author_path) %}
         {% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') | replace(from='index.md', to=author.extra.imgPath)) %}
-        <a href="{{author.permalink}}" tooltip="{{author.title}}" class="capitalize	text-gray-800"> <img
+        <a href="{{author.permalink}}" tooltip="{{author.title}}" class="capitalize	text-gray-200"> <img
             src="{{ author_img }}" alt="{{ author.title }}" class="
             inline-flex 
           w-8
           h-8
           rounded-full
           bg-gray-200
-          border-2 border-white
+          border border-gray-400
         " /> {{ author.title }}</a>
         {% endfor %}
       </h4>
@@ -42,11 +42,11 @@
     </div>
 
     <div class="relative lg:mt-0 max-w-full">
-      <img class="relative rounded mx-auto  max-h-64 p-2 border-2 border-gray-100" src={{featured.permalink}}{{featured.extra.imgPath}} alt="" />
+      <img class="relative rounded mx-auto  max-h-64 p-2 border border-gray-600" src={{featured.permalink}}{{featured.extra.imgPath}} alt="" />
     </div>
   </div>
 
-  <hr class="mt-6 container mx-auto">
+  <hr class="mt-6 container border-gray-600 mx-auto">
 
   </div>
   </div>
diff --git a/templates/partials/featuredNews.html b/templates/partials/featuredNews.html
index 20a90fd6c..50e03c627 100644
--- a/templates/partials/featuredNews.html
+++ b/templates/partials/featuredNews.html
@@ -2,24 +2,24 @@
 
   <div class="md:grid md:grid-cols-2 md:gap-8 relative mt-12 md:mt-10 items-center container mx-auto">
     <div class="relative my-8 w-full md:w-auto mx-3 lg:mx-12">
-      <h3 class="text-base not-italic font-medium leading-6 text-gray-600 mb-4">FEATURED NEWS</h3>
+      <h3 class="text-base not-italic font-medium leading-6 text-gray-100 mb-4">FEATURED NEWS</h3>
       <a href={{featured.permalink}}>
         <h2
-        class="text-2xl main-title md:text-4xl fw-500 font-medium">
+        class="text-2xl main-title md:text-4xl fw-500 text-gray-50 font-medium">
           {{ featured.title }}
         </h2>
-        <p class="mt-2 text-base font-normal text-gray-500 text-left">
+        <p class="mt-2 text-base font-normal text-gray-50 text-left">
           {{ featured.description }}
         </p>
       </a>
 
-      <h4 class="my-2 text-sm not-italic font-light leading-6 text-gray-600">
+      <h4 class="my-2 text-sm not-italic font-light leading-6 text-gray-100">
         {{ featured.date | date(format="%B %e, %Y", timezone="America/Chicago")}} -
         {% for author in featured.taxonomies.people %}
         {% set author_path = 'people/' ~ author ~ '/index.md' %}
         {% set author = get_page(path=author_path) %}
         {% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') | replace(from='index.md', to=author.extra.imgPath)) %}
-        <a href="{{author.permalink}}" tooltip="{{author.title}}" class="capitalize	text-gray-800"> <img
+        <a href="{{author.permalink}}" tooltip="{{author.title}}" class="capitalize	text-gray-200"> <img
             src="{{ author_img }}" alt="{{ author.title }}" class="
             inline-flex 
           w-8
@@ -39,7 +39,7 @@
         {% endif %}
     </div>
   </div>
-  <hr class="mt-6 container mx-auto">
+  <hr class="mt-6 container border-gray-600 mx-auto">
   </div>
   </div>
 </body>
\ No newline at end of file
diff --git a/templates/partials/newsCard.html b/templates/partials/newsCard.html
index e7061e6a9..76c703f78 100644
--- a/templates/partials/newsCard.html
+++ b/templates/partials/newsCard.html
@@ -1,4 +1,4 @@
-<div class="flex flex-col rounded-lg shadow-lg overflow-hidden border">
+<div class="flex flex-col rounded-lg shadow-lg overflow-hidden border border-gray-600">
   <div class="flex-1">
     <a href={{ post.permalink }} class="block">
       <div class="flex-shrink-0">
@@ -7,13 +7,13 @@
         <img class="h-48 w-full mx-auto object-cover" src={{img_url}} alt="" />
         {% endif %}
       </div>
-      <div class="flex-1 bg-white p-4 flex flex-col justify-between">
+      <div class="flex-1 p-4 flex flex-col justify-between">
 
-        <h3 class="mt-2 text-xl leading-7 font-medium text-gray-900 text-left not-italic">
+        <h3 class="mt-2 text-xl leading-7 font-medium text-gray-100 text-left not-italic">
           {{ post.title }}
         </h3>
         {% if post.description %}
-        <p class="mt-3 text-sm font-normal leading-5 text-gray-500 text-left">
+        <p class="mt-3 text-sm font-normal leading-5 text-gray-300 text-left">
           {{ post.description }}
         </p>
         {% endif %}
@@ -36,7 +36,7 @@
                   h-8
                   rounded-full
                   bg-gray-200
-                  border-2 border-white
+                  border border-gray-400
                 " />
             </a>
           </li>
@@ -46,7 +46,7 @@
         </ul>
       </div>
 
-      <p class="text-gray-700 text-xs">
+      <p class="text-gray-400 text-xs">
         <time datetime="{{post.date}}">
           {{ post.date | date(format="%B %e, %Y", timezone="America/Chicago") }}
         </time>
diff --git a/templates/partials/newsSidebar.html b/templates/partials/newsSidebar.html
index 78ee1497c..42bc6e7cb 100644
--- a/templates/partials/newsSidebar.html
+++ b/templates/partials/newsSidebar.html
@@ -1,25 +1,25 @@
 
 <div class="mx-8 md:mx-4 flex flex-col mt-2 md:mt-8">
     <div class="flex flex-col mb-12 mr-8 lg:mr-24">
-        <h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-4"> FILTER NEWS BY</h4>
-        <a id="all" class="mb-2 text-black font-normal" href="/newsroom">All</a>
+        <h4 class="text-base not-italic font-medium leading-6 text-gray-100 mb-4"> FILTER NEWS BY</h4>
+        <a id="all" class="mb-2 text-white font-normal" href="/newsroom">All</a>
         {% set taxonomy = get_taxonomy(kind="news-category") %}
         {% set categories = taxonomy.items %}
         {% for category in categories %}
             {% set path = category.name | slugify %}
             {% set fullpath = "/news-category/" ~ path %}
-            <a id="{{path}}" class="mb-3 text-black font-normal" href={{fullpath}}> {{category.name}} </a>
+            <a id="{{path}}" class="mb-3 text-gray-100 font-normal" href={{fullpath}}> {{category.name}} </a>
         {% endfor %}
     </div>
 
 {% set section = get_section(path="newsroom/_index.md")%}
 
     <div class="lg:pt-6 flex flex-col mb-12 w-64 mr-8 lg:mr-24">
-        <h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-6"> FEATURED NEWS</h4>
+        <h4 class="text-base not-italic font-medium leading-6 text-gray-100 mb-6"> FEATURED NEWS</h4>
 
         {% for page in section.pages %}
         {% if page.extra.isFeatured %}
-            <a class="mb-3 text-blue-700" href={{page.permalink}}>{{ page.title }}</a>
+            <a class="mb-3 text-gray-400" href={{page.permalink}}>{{ page.title }}</a>
         {% endif %}
         {% endfor %}
         
diff --git a/templates/partials/postCard.html b/templates/partials/postCard.html
index 3c34c7a1f..18c4fe64b 100644
--- a/templates/partials/postCard.html
+++ b/templates/partials/postCard.html
@@ -9,7 +9,7 @@
 {% endif %}
 {% endif %}
 
-<div class="flex flex-col rounded-lg shadow-lg overflow-hidden border">
+<div class="flex flex-col rounded-lg shadow-lg overflow-hidden border border-gray-600">
   <div class="flex-1">
     <a href="{{ post.permalink }}" class="block">
         {% if post.extra.imgPath %}
@@ -19,13 +19,13 @@
         <img class="h-48 w-full mx-auto object-cover" src={{img_url}} alt="{{post.title ~ ' Picture'}}" />
       </div>
       {%endif%}
-      <div class="flex-1 bg-white p-4 flex flex-col justify-between">
+      <div class="flex-1 p-4 flex flex-col justify-between">
 
-        <h3 class="mt-2 text-lg leading-6 font-medium text-gray-900 text-left not-italic">
+        <h3 class="mt-2 text-lg leading-6 font-medium text-gray-100 text-left not-italic">
           {{ post.title }}
         </h3>
         {% if post.description %}
-        <p class="mt-3 text-sm font-normal text-gray-500 text-left">
+        <p class="mt-3 text-sm font-normal text-gray-300 text-left">
           {{ post.description }}
         </p>
         {% endif %}
@@ -40,20 +40,20 @@
                   {% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') |
                   replace(from='index.md', to=author.extra.imgPath)) %}
                   <li class="author-list-item"><img alt="{{author.title}}" src="{{author_img}}"
-                      class="w-8 h-8 rounded-full bg-gray-200 border-2 border-white"></li>
+                      class="w-8 h-8 rounded-full bg-gray-200 border border-gray-400"></li>
                   {% endif %}
                 </ul>
               </div>
               <div class="flex flex-col text-left leading-none uppercase">
                 {% if author %}
-                <p class="text-gray-700 text-xs">{{ author.title }}</p>
+                <p class="text-gray-400 text-xs">{{ author.title }}</p>
                 {% endif %}
-                <p class="text-gray-700 text-xs">
+                <p class="text-gray-400 text-xs">
                   <time datetime="{{post.date}}">
                     {{ post.date | date(format="%B %e, %Y", timezone="America/Chicago") }}
                   </time>
                 </p>
-                <p class="flex justify-between lowercase my-2 items-center text-gray-700 text-xs"><span id="time"
+                <p class="flex justify-between lowercase my-2 items-center text-gray-400 text-xs"><span id="time"
                     class="time"></span>
                 </p>
               </div>