diff --git a/templates/partials/filter_bar.html b/templates/partials/filter_bar.html
index 4770683..d959bf1 100644
--- a/templates/partials/filter_bar.html
+++ b/templates/partials/filter_bar.html
@@ -20,12 +20,12 @@
             <ul class="list-none sm:flex justify-left capitalize transition-all transition-500 ">
                 <li class="flex items-center">
                     <div class="relative">
-                        <button id="filter-btn" class="rounded border-0 px-5 !shadow-none flex flex-row items-center w-full md:w-auto md:inline md:mt-0 mb-0 animated-link bg-gray-300">
+                        <button id="filter-btn" class="rounded border-0 px-5 !shadow-none flex flex-row items-center w-full md:w-auto md:inline md:mt-0 mb-0 animated-link">
                             <span class="capitalize">{{category | replace(from='-', to=' ' ) | title}}</span>
                             <svg data-v-21fd5df0="" fill="currentColor" viewBox="0 0 20 20" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1 rotate-180"><path data-v-21fd5df0="" fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
                         </button>
                         <div id="filter-menu" x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="hidden absolute w-full mt-2 origin-top-right rounded-md shadow-lg md:w-48 z-30">
-                            <div data-v-21fd5df0="" class="w-64 px-2 py-2 bg-white rounded-md shadow dark:bg-gray-700">
+                            <div data-v-21fd5df0="" class="w-64 px-2 py-2 rounded-md shadow dark:bg-gray-700">
                                 <a data-v-21fd5df0="" href="/people" class="cursor-pointer block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark:bg-transparent dark:hover:bg-gray-600 dark-:focus:bg-gray-600 dark:focus:text-white dark:hover:text-white dark:text-gray-200 md:mt-0 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline">
                                     All
                                 </a>
diff --git a/templates/partials/personCard.html b/templates/partials/personCard.html
index 907c3a3..e58a490 100644
--- a/templates/partials/personCard.html
+++ b/templates/partials/personCard.html
@@ -1,10 +1,11 @@
 <div class="flex flex-col px-0 sm:px-4 pb-2">
-    <a href="{{page.permalink}}" class="border-0 text-gray-700 hover:!text-gray-700 font-normal text-left">
+    <a href="{{page.permalink}}" class="border-0 text-gray-50 hover:!text-gray-100 font-normal text-left">
         {% set url = get_url(path='/' ~ page.relative_path | replace(from='_', to='-') | replace(from='index.md', to=page.extra.imgPath)) %}
-        <img src="{{url}}" alt="{{page.title ~ ' Picture'}}" />
+        <img class="mt-4 aspect-[4/4]" src="{{url}}" alt="{{page.title ~ ' Picture'}}" />
         <div>
-            <h2 class="text-2xl">{{page.title}}</h2>
-            <div class="text-gray-700 text-left line-clamp-3 text-ellipsis">
+            <br>
+            <h2 class="text-lg">{{page.title}}</h2>
+            <div class="text-gray-50 text-left line-clamp-3 text-ellipsis">
                 {% if page.description %}
                     {{page.description}}
                 {% else %}
@@ -14,7 +15,7 @@
             <div class="my-2 flex flex-row items-start flex-wrap">
             {% if page.taxonomies.memberships %}
             {% for tag in page.taxonomies.memberships %}
-                <a href="{{'/memberships/' ~ tag | replace(from='_', to='-' )}}" class="border-2 text-xs font-light bg-transparent hover:text-blue-700 py-1 px-2 mr-2 my-1 border hover:border-blue-500 border-gray-600 text-gray-700 rounded-full ">
+                <a href="{{'/memberships/' ~ tag | replace(from='_', to='-' )}}" class="border-2 text-xs font-light bg-transparent hover:text-indigo-400 py-1 px-2 mr-2 my-1 border hover:border-indigo-400 border-gray-600 text-gray-50 rounded-full ">
                     {{tag}}
                 </a>
             {% endfor %}
diff --git a/templates/partials/person_card.html b/templates/partials/person_card.html
index 44ff867..eb824aa 100644
--- a/templates/partials/person_card.html
+++ b/templates/partials/person_card.html
@@ -1,10 +1,10 @@
 <div class="flex flex-col px-0 sm:px-4 pb-2">
-    <a href="{{page.permalink}}" class="border-0 text-gray-700 hover:!text-gray-700 font-normal text-left">
+    <a href="{{page.permalink}}" class="border-0 text-gray-50 hover:!text-gray-50 font-normal text-left">
         {% set url = get_url(path='/' ~ page.relative_path | replace(from='_', to='-') | replace(from='index.md', to=page.extra.imgPath)) %}
         <img src="{{url}}" alt="{{page.title ~ ' Picture'}}" />
         <div>
             <h2 class="text-2xl">{{page.title}}</h2>
-            <div class="text-md text-gray-700 text-left line-clamp-3 text-ellipsis">
+            <div class="text-md text-gray-50 text-left line-clamp-3 text-ellipsis">
                 {% if page.description %}
                     {{page.description}}
                 {% else %}
@@ -14,7 +14,7 @@
             <div class="my-2 flex flex-row items-start flex-wrap">
             {% if page.taxonomies.memberships %}
             {% for tag in page.taxonomies.memberships %}
-                <a href="{{'/memberships/' ~ tag | replace(from='_', to='-' )}}" class="border-2 text-xs font-light bg-transparent hover:text-blue-700 py-1 px-2 mr-2 my-1 border hover:border-blue-500 border-gray-600 text-gray-700 rounded-full ">
+                <a href="{{'/memberships/' ~ tag | replace(from='_', to='-' )}}" class="border-2 text-xs font-light bg-transparent hover:text-blue-700 py-1 px-2 mr-2 my-1 border hover:border-blue-500 border-gray-600 text-gray-50 rounded-full ">
                     {{tag}}
                 </a>
             {% endfor %}
diff --git a/templates/partnerPage.html b/templates/partnerPage.html
index 708d2ce..2e2412f 100644
--- a/templates/partnerPage.html
+++ b/templates/partnerPage.html
@@ -38,7 +38,7 @@
             {% endif %}
           </ul>
           {% for tag in page.taxonomies.tags %}
-          <a href="{{'/tags/' ~ tag}}" class="border-2 font-light text-xs bg-transparent hover:text-blue-700 py-2 px-4 mr-2 border hover:border-blue-500 border-gray-600 text-gray-700 rounded-full ">
+          <a href="{{'/tags/' ~ tag}}" class="border-2 font-light text-xs bg-transparent hover:text-blue-700 py-2 px-4 mr-2 border hover:border-blue-500 border-gray-600 text-gray-50 rounded-full ">
               {{tag}}
           </a>
       {% endfor %}
@@ -49,7 +49,7 @@
 
   <div class="pt-8 border-b mx-4 sm:-mx-4"></div>
 
-  <section class="post-content container mx-auto relative text-gray-700">
+  <section class="post-content container mx-auto relative text-gray-50">
     <div class="post-content-text text-xl">{{ page.content | safe }}</div>
   </section>
 </div>
diff --git a/templates/people/single.html b/templates/people/single.html
index 78dba5d..aa6bd90 100644
--- a/templates/people/single.html
+++ b/templates/people/single.html
@@ -19,7 +19,7 @@
                     {{page.title}}
                 </h1>
             </div>
-            <div class="text-gray-700 my-4">
+            <div class="text-gray-50 my-4">
                 {{page.content | safe }}
             </div>
             <div class="flex items-center">
@@ -37,7 +37,7 @@
             </div>
             {% if page.taxonomies.memberships %}
             {% for tag in page.taxonomies.memberships %}
-                <a href="{{'/memberships/' ~ tag | replace(from='_', to='-' )}}" class="border-2 font-light text-xs bg-transparent hover:text-blue-700 py-2 px-4 mr-2 border hover:border-blue-500 border-gray-600 text-gray-700 rounded-full ">
+                <a href="{{'/memberships/' ~ tag | replace(from='_', to='-' )}}" class="border-2 font-light text-xs bg-transparent hover:text-blue-700 py-2 px-4 mr-2 border hover:border-blue-500 border-gray-600 text-gray-50 rounded-full ">
                     {{tag}}
                 </a>
             {% endfor %}
diff --git a/templates/person_page.html b/templates/person_page.html
index 574f25a..924ef5c 100644
--- a/templates/person_page.html
+++ b/templates/person_page.html
@@ -15,7 +15,7 @@
                     {% include "partials/socialLinks.html" %}
                 </div>
             </div>
-            <div class="text-gray-700 my-4">
+            <div class="text-gray-50 my-4">
                 {{page.content | safe }}
             </div>
             <div class="flex items-center">
@@ -32,7 +32,7 @@
                 </div>
             </div>
             {% for tag in page.taxonomies.memberships %}
-                <a href="{{'/memberships/' ~ tag | replace(from='_', to='-' )}}" class="border-2 font-light text-xs bg-transparent hover:text-blue-700 py-2 px-4 mr-2 border hover:border-blue-500 border-gray-600 text-gray-700 rounded-full ">
+                <a href="{{'/memberships/' ~ tag | replace(from='_', to='-' )}}" class="border-2 font-light text-xs bg-transparent hover:text-blue-700 py-2 px-4 mr-2 border hover:border-blue-500 border-gray-600 text-gray-50 rounded-full ">
                     {{tag}}
                 </a>
             {% endfor %}