diff --git a/themes/DeepThought/sass/deep-thought.sass b/themes/DeepThought/sass/deep-thought.sass
index 0e18ff9..786ae92 100644
--- a/themes/DeepThought/sass/deep-thought.sass
+++ b/themes/DeepThought/sass/deep-thought.sass
@@ -588,6 +588,9 @@ code
 .icon-text
   font-size: 16px
 
+.footer-text
+  color: black !important
+
 summary
   cursor: pointer
   margin-top: 0.5em
@@ -612,6 +615,7 @@ body[theme="dark"] .navbar
 body[theme="dark"] .footer
     background-color: #090809 !important
 
+
 body[theme="dark"] .navbar-item 
     color: #c9c7c9 !important
 
@@ -657,7 +661,7 @@ body[theme="dark"] a.toc
 body[theme="dark"] a.toc:hover
     color: black !important
 
-body[theme="dark"] a:not(.toc,.navbar-item)
+body[theme="dark"] a:not(.toc,.navbar-item,.footer-text)
     color: #fa86d8 !important
 
 body[theme="dark"] code 
@@ -671,3 +675,5 @@ body[theme="dark"] a.is-active
 img[theme=dark]:not(.no-dark)
     filter: invert(1) hue-rotate(180deg)
 
+body[theme="dark"] .footer-text
+  color: white !important
diff --git a/themes/DeepThought/static/icons/arrow-right.png b/themes/DeepThought/static/icons/arrow-right.png
new file mode 100644
index 0000000..6dc1f90
Binary files /dev/null and b/themes/DeepThought/static/icons/arrow-right.png differ
diff --git a/themes/DeepThought/static/icons/arrow.png b/themes/DeepThought/static/icons/arrow.png
new file mode 100644
index 0000000..a1f59f2
Binary files /dev/null and b/themes/DeepThought/static/icons/arrow.png differ
diff --git a/themes/DeepThought/static/icons/clock.png b/themes/DeepThought/static/icons/clock.png
new file mode 100644
index 0000000..d5fd3bb
Binary files /dev/null and b/themes/DeepThought/static/icons/clock.png differ
diff --git a/themes/DeepThought/static/icons/cube.png b/themes/DeepThought/static/icons/cube.png
new file mode 100644
index 0000000..c4de1af
Binary files /dev/null and b/themes/DeepThought/static/icons/cube.png differ
diff --git a/themes/DeepThought/static/icons/night-mode.png b/themes/DeepThought/static/icons/night-mode.png
new file mode 100644
index 0000000..76ab8c3
Binary files /dev/null and b/themes/DeepThought/static/icons/night-mode.png differ
diff --git a/themes/DeepThought/static/icons/rss-symbol.png b/themes/DeepThought/static/icons/rss-symbol.png
new file mode 100644
index 0000000..27bc46c
Binary files /dev/null and b/themes/DeepThought/static/icons/rss-symbol.png differ
diff --git a/themes/DeepThought/static/icons/search.png b/themes/DeepThought/static/icons/search.png
new file mode 100644
index 0000000..e337f16
Binary files /dev/null and b/themes/DeepThought/static/icons/search.png differ
diff --git a/themes/DeepThought/static/icons/tag.png b/themes/DeepThought/static/icons/tag.png
new file mode 100644
index 0000000..fa5e3b9
Binary files /dev/null and b/themes/DeepThought/static/icons/tag.png differ
diff --git a/themes/DeepThought/templates/base.html b/themes/DeepThought/templates/base.html
index e6f5d48..1c32ffa 100644
--- a/themes/DeepThought/templates/base.html
+++ b/themes/DeepThought/templates/base.html
@@ -63,13 +63,13 @@
           {% endif %}
           {% endfor %}
           <a class="navbar-item" id="nav-search" title="Search" href="/search" target="_blank" rel="noopener noreferrer">
-            <span class="icon">
-              <i class="fas fa-search"></i>
+            <span class="icon is-small">
+	      <img src="/icons/search.png">
             </span>
           </a>
           <a class="navbar-item" id="dark-mode" title="Switch to dark theme">
             <span class="icon">
-              <i class="fas fa-adjust"></i>
+	      <img src="/icons/night-mode.png">
             </span>
           </a>
         </div>
@@ -121,12 +121,12 @@
 
   {% block footer %}
   <footer class="footer py-4">
-    <div class="content has-text-centered has-text-link-light">
+    <div class="content has-text-centered">
       <p>
-      <a href="https://0xacab.org/anarsec/anarsec.guide/-/blob/no-masters/CHANGELOG.md">Changelog    </a>
+      <a class="footer-text" href="https://0xacab.org/anarsec/anarsec.guide/-/blob/no-masters/CHANGELOG.md">Changelog    </a>
       <a href="/atom.xml" target="_blank">
-      <span class="icon is-large" title="RSS Feed">
-      <i class="fas fa-rss fa-lg"></i>
+      <span class="icon" title="RSS Feed">
+      <img src="/icons/rss-symbol.png">
       </span>
       </a>
       <a href="https://0xacab.org/anarsec/anarsec.guide" target="_blank">
diff --git a/themes/DeepThought/templates/categories/list.html b/themes/DeepThought/templates/categories/list.html
index 2671db5..c896669 100644
--- a/themes/DeepThought/templates/categories/list.html
+++ b/themes/DeepThought/templates/categories/list.html
@@ -6,7 +6,7 @@
     <div class="has-text-centered">
       <h1 class="title is-2">
         <span class="icon">
-          <i class="fas fa-cubes"></i>
+          <img src="/icons/cube.png">
         </span>
         Categories
       </h1>
@@ -14,8 +14,8 @@
       <p>
         {% for category in terms %}
 	  <a href="/categories/{{category.name | lower}}" class="mr-4">
-          <span class="icon">
-            <i class="fas fa-cube"></i>
+          <span class="icon is-small">
+            <img src="/icons/cube.png">
           </span>
           <span>{{category.name}} <sup>{{ category.pages | length }}</sup></span>
         </a>
diff --git a/themes/DeepThought/templates/categories/single.html b/themes/DeepThought/templates/categories/single.html
index a3d2159..36cd9a7 100644
--- a/themes/DeepThought/templates/categories/single.html
+++ b/themes/DeepThought/templates/categories/single.html
@@ -7,8 +7,8 @@
       <div class='has-text-centered'>
         <h1 class="title">
           <span class="icon-text">
-            <span class="icon">
-              <i class="fas fa-cube"></i>
+            <span class="icon is-small">
+              <img src="/icons/cube.png">
             </span>
             <span>{{ term.name }}</span>
           </span>
@@ -73,4 +73,4 @@
     </div>
   </div>
 </section>
-{% endblock content %}
\ No newline at end of file
+{% endblock content %}
diff --git a/themes/DeepThought/templates/macros.html b/themes/DeepThought/templates/macros.html
index 01bc975..363f8e4 100644
--- a/themes/DeepThought/templates/macros.html
+++ b/themes/DeepThought/templates/macros.html
@@ -53,9 +53,6 @@
 
 {% macro page_publish_metadata(page) %}
 <span class="icon-text has-text-grey">
-  <span class="icon">
-    <i class="far fa-calendar-alt"></i>
-  </span>
   <span>Published on&nbsp;</span>
   <span><time datetime="{{ page.date }}">{{ page.date | date(format='%B %d, %Y') }}</time></span>
   <span>&nbsp;| <a href="https://0xacab.org/anarsec/anarsec.guide/-/blob/no-masters/CHANGELOG.md#{{page.title | slugify}}">Last edited on&nbsp;<time datetime="{{ page.extra.dateedit }}">{{ page.extra.dateedit | date(format='%B %d, %Y') }}</time></a></span>
@@ -64,8 +61,8 @@
 
 {% macro page_content_metadata(page) %}
 <span class="icon-text has-text-grey">
-  <span class="icon">
-    <i class="far fa-clock"></i>
+  <span class="icon is-small">
+    <img src="/icons/clock.png">
   </span>
   <span>{{ page.reading_time }} min</span>
 </span>
@@ -73,9 +70,6 @@
 
 {% macro page_content_pdfs(page) %}
 <span class="icon-text has-text-grey">
-  <span class="icon">
-    <i class="far fa-file-pdf"></i>
-  </span>
   <span>PDF: <a href="/posts/{{page.slug | lower}}/{{page.extra.letter | lower}}">Letter</a> | <a href="/posts/{{page.slug | lower}}/{{page.extra.a4 | lower}}">A4</a> </span>
 </span>
 
@@ -86,8 +80,8 @@
   {% for category in categories %}
 	  <a class="has-text-weight-semibold" href="/categories/{{category | lower}}">
     <span class="icon-text">
-      <span class="icon">
-        <i class="fas fa-cube"></i>
+      <span class="icon is-small">
+        <img src="/icons/cube.png">
       </span>
       <span>{{category}}</span>
     </span>
@@ -102,8 +96,8 @@
   {% for tag in tags %}
 	  <a class="has-text-weight-semibold" href="/tags/{{tag | lower}}">
     <span class="icon-text">
-      <span class="icon">
-        <i class="fas fa-tag"></i>
+      <span class="icon is-small">
+        <img src="/icons/tag.png">
       </span>
       <span>{{tag}}</span>
     </span>
diff --git a/themes/DeepThought/templates/page.html b/themes/DeepThought/templates/page.html
index 81511eb..4625e3a 100644
--- a/themes/DeepThought/templates/page.html
+++ b/themes/DeepThought/templates/page.html
@@ -20,12 +20,9 @@
             {{ page.title }}
           </h1>
           <div class="columns is-multiline is-gapless">
-            <div class="column is-10">
+            <div class="column is-12">
               {{ macros::page_publish_metadata(page=page) }}
             </div>
-            <div class="column is-2 has-text-right-desktop">
-              {{ macros::page_content_metadata(page=page) }}
-            </div>
             <div class="column is-12">
 		    {{ macros::page_content_pdfs(page=page) }}
             </div>
diff --git a/themes/DeepThought/templates/section.html b/themes/DeepThought/templates/section.html
index fd952c7..4bc74d0 100644
--- a/themes/DeepThought/templates/section.html
+++ b/themes/DeepThought/templates/section.html
@@ -42,9 +42,6 @@
             <div class="column is-10">
               {{ macros::page_publish_metadata(page=page) }}
             </div>
-            <div class="column is-2 has-text-right-desktop has-text-right-tablet">
-              {{ macros::page_content_metadata(page=page) }}
-            </div>
             <div class="column is-4">
               {{ macros::page_content_pdfs(page=page) }}
             </div>
@@ -53,8 +50,8 @@
             {{ page.summary | safe }}
             <a class="has-text-weight-semibold" href='/posts/{{ page.slug }}'>
               Read More
-              <span class="icon is-small">
-                <i class="fas fa-arrow-right fa-xs"></i>
+              <span class="icon">
+	        <img src="/icons/arrow-right.png">
               </span>
             </a>
           </div>
diff --git a/themes/DeepThought/templates/tags/list.html b/themes/DeepThought/templates/tags/list.html
index 74780a8..120db30 100644
--- a/themes/DeepThought/templates/tags/list.html
+++ b/themes/DeepThought/templates/tags/list.html
@@ -6,7 +6,7 @@
     <div class="has-text-centered">
       <h1 class="title is-2">
         <span class="icon">
-          <i class="fas fa-tags"></i>
+          <img src="/icons/tag.png">
         </span>
         Tags
       </h1>
@@ -14,8 +14,8 @@
       <p>
         {% for tag in terms %}
 		<a href="/tags/{{tag.name | lower}}" class="mr-4">
-          <span class="icon">
-            <i class="fas fa-tag"></i>
+          <span class="icon is-small">
+            <img src="/icons/tag.png">
           </span>
           <span>{{tag.name}} <sup>{{ tag.pages | length }}</sup></span>
         </a>
diff --git a/themes/DeepThought/templates/tags/single.html b/themes/DeepThought/templates/tags/single.html
index 3c89294..fb4ecf4 100644
--- a/themes/DeepThought/templates/tags/single.html
+++ b/themes/DeepThought/templates/tags/single.html
@@ -7,8 +7,8 @@
       <div class='has-text-centered'>
         <h1 class="title">
           <span class="icon-text">
-            <span class="icon">
-              <i class="fas fa-tag"></i>
+            <span class="icon is-small">
+              <img src="/icons/tag.png">
             </span>
             <span>{{ term.name }}</span>
           </span>
@@ -73,4 +73,4 @@
     </div>
   </div>
 </section>
-{% endblock content %}
\ No newline at end of file
+{% endblock content %}