diff --git a/content/blog/2014-12-12-Spoj FCTRL2 Explanation and Solution.md b/content/blog/2014-12-12-Spoj FCTRL2 Explanation and Solution.md
index 1742e4c..d1ee6e6 100755
--- a/content/blog/2014-12-12-Spoj FCTRL2 Explanation and Solution.md	
+++ b/content/blog/2014-12-12-Spoj FCTRL2 Explanation and Solution.md	
@@ -17,12 +17,14 @@ The simplest data structure which can be used to store such results is an Array.
 
 ---
 
+
 *How to store a two (or more) digit number  in an Array (one digit per index) ?*
 
 We need to store the input ‘n’ (1-100) into an array to find it’s Factorial To store a Number in an array, we can grab the digits from least significant position  (For Example 1456) one by one and put it into the array.                                                                                                                                                                                                                    For example:  To put 123 into an array (let say a[50]), we will grab the last digits one by one, final array would be given as  a[] = {3,2,1}  i.e. a[0]=3, a[1]=2, a[2]=1 & so on…
 
 **LOGIC used for this**: Let n = 123 then  1). let rem = n%10 (this means remainder when n is divided by 10)  2. a[index] = rem     3. n = n/10  (this removes the last digit from n, Now we are ready to grab the second last digit & so on)  Repeating this step iteratively, we can save n into an array.
  ---
+
 *How To Find the Factorial of the Number stored in array?*
 
 After we have put the input number (1-100) into an array, we have to now find its Factorial. To do that we have to multiply the number ‘n’ with (n-1), (n-2) … & so on …3.2.1 . Now we need to find an Algorithm for multiplying an Integer with a number stored into an array & we can use that algorithm for all multiplications.
diff --git a/content/blog/2015-2-9-Higher order functions in Python : sorted, map, reduce, filter.md b/content/blog/2015-2-9-Higher order functions in Python : sorted, map, reduce, filter.md
index 5d92f4c..86eeba2 100755
--- a/content/blog/2015-2-9-Higher order functions in Python : sorted, map, reduce, filter.md	
+++ b/content/blog/2015-2-9-Higher order functions in Python : sorted, map, reduce, filter.md	
@@ -57,6 +57,7 @@ Out[0]: [0, 1, -2]
 Note: abs is the absolute value function. i.e. `abs(-3) = 3`
 
 ## map
+
 *Takes an input iterable of values and return a list with different values. Same order, same length, but mapped via a function.*
 
 `map(function, iterable)`
@@ -94,6 +95,7 @@ filter(None, ['a','', 'b' ])
 
 reduce takes an iterable of input data and consumes it to come up with a single value.
 
+
 *The function we have to write is different too - the function will take two values and typically reduce will consume the first two values from the iterable then consume one value at a time from the list using the return value from the previous call.*
 
 ![reduce](/assets/reduce/reduce.png)
diff --git a/content/blog/2015-5-24-GSoC : Getting-Up-For-the-Coding-Period .md b/content/blog/2015-5-24-GSoC : Getting-Up-For-the-Coding-Period .md
index 78bab5a..b5bc857 100755
--- a/content/blog/2015-5-24-GSoC : Getting-Up-For-the-Coding-Period .md	
+++ b/content/blog/2015-5-24-GSoC : Getting-Up-For-the-Coding-Period .md	
@@ -21,6 +21,7 @@ The main functions, I would be implementing are:
 
 
 * `eq_to_matrix` :
+
 *method to convert system of Equations to Matrix Form.*
 
 * `linsolve`: *It's the General Linear System solver.*
diff --git a/content/blog/2020-03-22-Year-2019-Review.md b/content/blog/2020-03-22-Year-2019-Review.md
index bc64d4a..bbbd9a9 100755
--- a/content/blog/2020-03-22-Year-2019-Review.md
+++ b/content/blog/2020-03-22-Year-2019-Review.md
@@ -23,6 +23,7 @@ TL;DR : I had a great time there, would highly recommend them.
 
 <img src="/assets/2019_review/tnt_st_pauls.jpg" width="700">
 
+
 *The office is located right next to St. Paul's. The above photo (of St. Paul's) was taken on 20th Feb, 2019.*
 
 Turner and Townsend is a construction consulting company i.e. they basically do consulting
@@ -58,6 +59,7 @@ We used [Apache Airflow](https://airflow.apache.org/) to create, schedule and mo
 
 <img src="/assets/2019_review/tnt_airflow.png" width="700">
 
+
 *A screenshot of a pipeline, from Airflow's dashboard.*
 
 One of the cool things about this application is that it was written in a very declarative way
@@ -153,6 +155,7 @@ in future blog posts.
 <iframe width="700" height="315" src="https://www.youtube.com/embed/VaAglrOKfus" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
 </iframe>
 
+
 *This is a video of me in the spectators behind, clapping after Bumrah takes the wicket of Usman Khawaja.*
 
 <img src="/assets/2019_review/cwc_2019.jpg">
diff --git a/content/blog/2020-12-25-Year-2020-Review.md b/content/blog/2020-12-25-Year-2020-Review.md
index b14227e..20200b2 100755
--- a/content/blog/2020-12-25-Year-2020-Review.md
+++ b/content/blog/2020-12-25-Year-2020-Review.md
@@ -22,6 +22,7 @@ allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope;
 picture-in-picture" allowfullscreen></iframe>
 
 <img src="/assets/2020_review/yt-comment-2020.png" width="400">
+
 *This comment really nailed it!*
 
 ---
@@ -47,6 +48,7 @@ contract I took, over the years, here is a brief list of the same:
 
 
 <img src="/assets/2020_review/desk.jpg" width="600">
+
 *My office for most of 2020*
 
 ### Aire
@@ -143,6 +145,7 @@ The Act I am most proud of was the Cell Block Tango, I played "Lipchitz" in that
 Cell Block Tango is a musical from a 2002 movie named "Chicago".
 
 <img src="/assets/2020_review/theatre.jpg" width="700">
+
 *That's the Cell Block Tango in Action*
 
 ### Gliding
@@ -160,11 +163,13 @@ a basis for learning to fly engine planes.
   Granada, Isle of Wight
 
 <img src="/assets/2020_review/isle-of-wight.jpg" width="700">
+
 *View from a bridge on the Isle of Wight*
 
 #### Spain
 
 <img src="/assets/2020_review/jaen.jpg" width="700">
+
 *View of the mountains around the beautiful city of Jaen from my terrace.*
 
 I lived in Jaen, Spain for a couple of months, with my sister. I picked up some
@@ -179,6 +184,7 @@ beautiful and the weather is the best I have seen anywhere in the last few years
 - Did some hiking in Salzburg, Austria
 
 <img src="/assets/2020_review/hiking.jpg" width="300">
+
 *Start of the hike to Nockstein*
 
 
diff --git a/content/blog/2022-10-05-Year-2021-Review.md b/content/blog/2022-10-05-Year-2021-Review.md
index e646f71..98af975 100755
--- a/content/blog/2022-10-05-Year-2021-Review.md
+++ b/content/blog/2022-10-05-Year-2021-Review.md
@@ -19,6 +19,7 @@ I was looking to stay in a city, reasonably far from London. Birmingham was
 too close to London and Edinburgh was too far, so Manchester made the cut.
 
 <img src="/assets/2021_review/manchester_25_jan_2021.jpg" width="700">
+
 *Manchester on a winter morning in January*
 
 
@@ -36,6 +37,7 @@ implementing pairwise distance between all the samples in genomics analysis. In
 terms the problem reduces to finding pairwise distance between all the row vectors in
 a 2D Matrix.
 
+
 *More information in the blogpost [here](https://quansight.com/post/dask-on-coiled). Relevant tweet [here](https://twitter.com/quansightai/status/1423394705560141824)*
 
 ## Making GPUs accessible via Array API
@@ -53,6 +55,7 @@ This work achieved this via [Array API](https://data-apis.org/array-api/latest/)
 
 Making GPUs accessible to the PyData Ecosystem via the Array API Standard.
 
+
 *More information in the blogpost [here](https://labs.quansight.org/blog/2022/03/making-gpus-accessible-to-pydata-ecosystem-via-array-api). Relevant tweet [here](https://twitter.com/iaktech/status/1512056428743512066)*
 
 # Personal Work
@@ -84,6 +87,7 @@ Personal life hasn't been very exciting in the first half of 2021, due to
 pandemic and the new city that I moved into.
 
 <img src="/assets/2021_review/oval_vitality.jpeg" width="800">
+
 *A cricket game between Manchester Originals vs Oval Invincibles @ Oval 21st July, 2021*
 
 - Saw some cricket:
diff --git a/content/blog/2023-12-3-Year-2022-Review.md b/content/blog/2023-12-3-Year-2022-Review.md
index fb342c8..dc72f97 100755
--- a/content/blog/2023-12-3-Year-2022-Review.md
+++ b/content/blog/2023-12-3-Year-2022-Review.md
@@ -9,6 +9,7 @@ url: /blog/year-2022-review
 ---
 
 <center><img src="/assets/2022-review/maldives.jpg" width="900"></center>
+
 *An ordinary soda during sunset in Maldives*
 
 Year 2022 was quite an year for me. Apart from travelling around the world twice,
diff --git a/content/blog/2023-12-30-Year-2023-Review.md b/content/blog/2023-12-30-Year-2023-Review.md
index 6869bf8..6f08cfc 100755
--- a/content/blog/2023-12-30-Year-2023-Review.md
+++ b/content/blog/2023-12-30-Year-2023-Review.md
@@ -13,6 +13,7 @@ url: /blog/year-2023-review
   Your browser does not support the video tag.
 </video>
 
+
 *A walk along the river Thames on my 2 hour journey to the Riverside Arts center for theatre rehearsals.*
 
 After writing the year [2022's review blog post](/blog/year-2022-review) in December 2023,
@@ -127,6 +128,7 @@ It was really an excellent learning experience.
   - England vs Afghanistan
 
 <img src="/assets/2023-review/dharamshala.jpeg" width="600">
+
 *Probably one of the most scenic cricket grounds in the world*
 
 - Travelled to a few places:
@@ -135,9 +137,11 @@ It was really an excellent learning experience.
   - Italy
 
 <img src="/assets/2023-review/peak-walk.jpeg" width="400">
+
 *Peak walk between two mountains at Glacier 3000*
 
 <img src="/assets/2023-review/castle-howard.jpeg" width="400">
+
 *Castle Howard, York*
 
 - Saw Kaifi Khalil and Shae Gill live in concert
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 0a16d70..eb21946 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -7,6 +7,24 @@
 
     {{ partial "sidebar.html" . }}
 
+    <!-- Theme Toggle Button -->
+    <button id="theme-toggle" aria-label="Toggle dark mode">
+      <svg id="theme-toggle-light-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun">
+        <circle cx="12" cy="12" r="4"/>
+        <path d="M12 2v2"/>
+        <path d="M12 20v2"/>
+        <path d="m4.93 4.93 1.41 1.41"/>
+        <path d="m17.66 17.66 1.41 1.41"/>
+        <path d="M2 12h2"/>
+        <path d="M20 12h2"/>
+        <path d="m6.34 17.66-1.41 1.41"/>
+        <path d="m19.07 4.93-1.41 1.41"/>
+      </svg>
+      <svg id="theme-toggle-dark-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon" style="display: none;">
+        <path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/>
+      </svg>
+    </button>
+
     <!-- Wrap is the content to shift when toggling the sidebar. We wrap the
          content to avoid any CSS collisions with our real content. -->
     <div class="wrap">
@@ -39,5 +57,8 @@ <h3 class="masthead-title">
     <!-- Google Analytics -->
     {{ partial "ga.html" . }}
 
+    <!-- Scripts -->
+    {{ partial "scripts.html" . }}
+
   </body>
 </html>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index e0d4d37..099f768 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -40,6 +40,7 @@
   <link rel="stylesheet" href="{{ .Site.BaseURL }}/public/css/poole.css">
   <link rel="stylesheet" href="{{ .Site.BaseURL }}/public/css/syntax.css">
   <link rel="stylesheet" href="{{ .Site.BaseURL }}/public/css/lanyon.css">
+  <link rel="stylesheet" href="{{ .Site.BaseURL }}/public/theme/css/font-awesome.min.css">
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Newsreader:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap">
 
   <!-- Icons -->
@@ -47,9 +48,20 @@
   <link rel="shortcut icon" href="{{ .Site.BaseURL }}public/favicon.ico">
 
   <!-- RSS -->
-  <link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml">
+  <link rel="alternate" type="application/rss+xml" title="RSS" href="/index.xml">
 
   <!-- mixpanel -->
   {{ partial "mixpanel.html" . }}
 
+  <!-- Dark mode theme switcher -->
+  <script>
+    // Load theme before page renders to prevent flash
+    (function() {
+      const theme = localStorage.getItem('theme') || 'light';
+      if (theme === 'dark') {
+        document.documentElement.setAttribute('data-theme', 'dark');
+      }
+    })();
+  </script>
+
   </head>
diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html
index 05083cb..5b3c62e 100644
--- a/layouts/partials/scripts.html
+++ b/layouts/partials/scripts.html
@@ -6,3 +6,46 @@
   js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
   fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));</script>
+
+<!-- Theme toggle functionality -->
+<script>
+  document.addEventListener('DOMContentLoaded', function() {
+    const themeToggle = document.getElementById('theme-toggle');
+    const lightIcon = document.getElementById('theme-toggle-light-icon');
+    const darkIcon = document.getElementById('theme-toggle-dark-icon');
+    const html = document.documentElement;
+
+    // Get current theme
+    let currentTheme = localStorage.getItem('theme') || 'light';
+
+    // Update icon visibility based on current theme
+    function updateToggleButton(theme) {
+      if (theme === 'dark') {
+        // In dark mode, show sun icon (click to go to light)
+        lightIcon.style.display = 'inline-block';
+        darkIcon.style.display = 'none';
+      } else {
+        // In light mode, show moon icon (click to go to dark)
+        lightIcon.style.display = 'none';
+        darkIcon.style.display = 'inline-block';
+      }
+    }
+
+    // Set initial button state
+    updateToggleButton(currentTheme);
+
+    // Toggle theme on button click
+    themeToggle.addEventListener('click', function() {
+      currentTheme = currentTheme === 'light' ? 'dark' : 'light';
+
+      if (currentTheme === 'dark') {
+        html.setAttribute('data-theme', 'dark');
+      } else {
+        html.removeAttribute('data-theme');
+      }
+
+      localStorage.setItem('theme', currentTheme);
+      updateToggleButton(currentTheme);
+    });
+  });
+</script>
diff --git a/static/public/css/lanyon.css b/static/public/css/lanyon.css
index 70ff8f7..ed47c6c 100755
--- a/static/public/css/lanyon.css
+++ b/static/public/css/lanyon.css
@@ -48,7 +48,7 @@ html {
 h1, h2, h3, h4, h5, h6 {
   font-family: "Crimson Pro", Helvetica, Arial, sans-serif;
   font-weight: 500;
-  color: #313131;
+  color: var(--heading-color);
   letter-spacing: -.025rem;
 }
 
@@ -98,23 +98,23 @@ h1, h2, h3, h4, h5, h6 {
   padding-top:    1rem;
   padding-bottom: 1rem;
   margin-bottom: 3rem;
-  border-bottom: 1px solid #eee;
+  border-bottom: 1px solid var(--border-color);
 }
 .masthead-title {
   margin-top: 0;
   margin-bottom: 0;
-  color: #505050;
+  color: var(--masthead-color);
   font-family: "Lora", Georgia, serif;
   font-weight: 600;
   font-size: 1.25rem;
 }
 .masthead-title a {
-  color: #505050;
+  color: var(--masthead-color);
 }
 .masthead-title small {
   font-size: 75%;
   font-weight: 400;
-  color: #c0c0c0;
+  color: var(--masthead-small);
   letter-spacing: 0;
 }
 
@@ -217,8 +217,8 @@ a.sidebar-nav-item:focus {
   display: block;
   width: 2.2rem;
   padding: .5rem .65rem;
-  color: #505050;
-  background-color: #fff;
+  color: var(--masthead-color);
+  background-color: var(--bg-color);
   border-radius: 4px;
   cursor: pointer;
 }
@@ -239,7 +239,7 @@ a.sidebar-nav-item:focus {
 .sidebar-toggle:active,
 #sidebar-checkbox:checked ~ .sidebar-toggle {
   color: #fff;
-  background-color: #505050;
+  background-color: var(--masthead-color);
 }
 
 @media (min-width: 30.1rem) {
@@ -306,6 +306,13 @@ a.sidebar-nav-item:focus {
   font-family: "Lora", Georgia, serif;
 }
 
+/* Reduce blog post content size */
+@media (min-width: 38em) {
+  .post {
+    font-size: 18px;
+  }
+}
+
 .page h1, .post h1 {
   font-size: 2.25rem;
 }
@@ -333,7 +340,7 @@ a.sidebar-nav-item:focus {
 .page-title,
 .post-title,
 .post-title a {
-  color: #303030;
+  color: var(--text-strong);
 }
 .page-title,
 .post-title {
@@ -345,7 +352,7 @@ a.sidebar-nav-item:focus {
   display: block;
   margin-top: -.5rem;
   margin-bottom: 0rem;
-  color: #9a9a9a;
+  color: var(--meta-color);
   font-size: 13px;
 }
 
@@ -353,23 +360,23 @@ a.sidebar-nav-item:focus {
   display: block;
   margin-top: -.5rem;
   margin-bottom: 0rem;
-  color: #9a9a9a;
+  color: var(--meta-color);
   font-size: 18px;
 }
 
 .timeline {
-  color: #7e7e7e;
+  color: var(--quote-color);
 }
 
 .tag-title {
-  color: #518181;
+  color: var(--link-color);
 }
 
 /* Related posts */
 .related {
   padding-top: 2rem;
   padding-bottom: 2rem;
-  border-top: 1px solid #eee;
+  border-top: 1px solid var(--border-color);
 }
 .related-posts {
   padding-left: 0;
@@ -380,10 +387,10 @@ a.sidebar-nav-item:focus {
 }
 .related-posts li small {
   font-size: 75%;
-  color: #999;
+  color: var(--meta-color);
 }
 .related-posts li a:hover {
-  color: #268bd2;
+  color: var(--link-color);
   text-decoration: none;
 }
 .related-posts li a:hover small {
@@ -411,7 +418,7 @@ a.sidebar-nav-item:focus {
 .pagination-item {
   display: block;
   padding: 1rem;
-  border: 1px solid #eee;
+  border: 1px solid var(--border-color);
 }
 .pagination-item:first-child {
   margin-bottom: -1px;
@@ -419,7 +426,7 @@ a.sidebar-nav-item:focus {
 
 /* Only provide a hover state for linked pagination items */
 a.pagination-item:hover {
-  background-color: #f5f5f5;
+  background-color: var(--pagination-hover);
 }
 
 @media (min-width: 30rem) {
diff --git a/static/public/css/poole.css b/static/public/css/poole.css
index 4fb1484..0d8612b 100755
--- a/static/public/css/poole.css
+++ b/static/public/css/poole.css
@@ -35,6 +35,46 @@
  * Update the foundational and global aspects of the page.
  */
 
+:root {
+  /* Light theme colors (default) */
+  --bg-color: #fff;
+  --text-color: #515151;
+  --text-strong: #303030;
+  --heading-color: #313131;
+  --link-color: #268bd2;
+  --code-color: #bf616a;
+  --code-bg: #f9f9f9;
+  --border-color: #eee;
+  --border-color-alt: #e5e5e5;
+  --masthead-color: #505050;
+  --masthead-small: #c0c0c0;
+  --meta-color: #9a9a9a;
+  --quote-color: #7a7a7a;
+  --abbr-color: #555;
+  --pagination-hover: #f5f5f5;
+  --message-color: #717171;
+}
+
+[data-theme="dark"] {
+  /* Dark theme colors - warm cream palette for reduced eye strain */
+  --bg-color: #1e1e1e;
+  --text-color: #e4ddd4;
+  --text-strong: #f0e9df;
+  --heading-color: #f0e9df;
+  --link-color: #8ab4f8;
+  --code-color: #ffb084;
+  --code-bg: #2a2a2a;
+  --border-color: #404040;
+  --border-color-alt: #404040;
+  --masthead-color: #e4ddd4;
+  --masthead-small: #b8afa6;
+  --meta-color: #b8afa6;
+  --quote-color: #c4bbb2;
+  --abbr-color: #b8afa6;
+  --pagination-hover: #2a2a2a;
+  --message-color: #b8afa6;
+}
+
 * {
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
@@ -59,15 +99,16 @@ html {
 }
 
 body {
-  color: #515151;
-  background-color: #fff;
+  color: var(--text-color);
+  background-color: var(--bg-color);
   -webkit-text-size-adjust: 100%;
       -ms-text-size-adjust: 100%;
+  transition: background-color 0.3s ease, color 0.3s ease;
 }
 
 /* No `:visited` state is required by default (browsers will use `a`) */
 a {
-  color: #268bd2;
+  color: var(--link-color);
   text-decoration: none;
 }
 /* `:focus` is linked to `:hover` for basic accessibility */
@@ -81,7 +122,7 @@ h1, h2, h3, h4, h5, h6 {
   margin-bottom: .5rem;
   font-weight: bold;
   line-height: 1.25;
-  color: #313131;
+  color: var(--heading-color);
   text-rendering: optimizeLegibility;
 }
 h1 {
@@ -107,7 +148,7 @@ p {
 }
 
 strong {
-  color: #303030;
+  color: var(--text-strong);
 }
 
 
@@ -129,19 +170,19 @@ hr {
   position: relative;
   margin: 1.5rem 0;
   border: 0;
-  border-top: 1px solid #eee;
-  border-bottom: 1px solid #fff;
+  border-top: 1px solid var(--border-color);
+  border-bottom: 1px solid var(--bg-color);
 }
 
 abbr {
   font-size: 85%;
   font-weight: bold;
-  color: #555;
+  color: var(--abbr-color);
   text-transform: uppercase;
 }
 abbr[title] {
   cursor: help;
-  border-bottom: 1px dotted #e5e5e5;
+  border-bottom: 1px dotted var(--border-color-alt);
 }
 
 /* Code */
@@ -152,8 +193,8 @@ pre {
 code {
   padding: .25em .5em;
   font-size: 85%;
-  color: #bf616a;
-  background-color: #f9f9f9;
+  color: var(--code-color);
+  background-color: var(--code-bg);
   border-radius: 3px;
 }
 pre {
@@ -167,7 +208,7 @@ pre {
   white-space: pre-wrap;
   word-break: break-all;
   word-wrap: break-word;
-  background-color: #f9f9f9;
+  background-color: var(--code-bg);
 }
 pre code {
   padding: 0;
@@ -211,8 +252,8 @@ pre code {
 blockquote {
   padding: .5rem 1rem;
   margin: .8rem 0;
-  color: #7a7a7a;
-  border-left: .25rem solid #e5e5e5;
+  color: var(--quote-color);
+  border-left: .25rem solid var(--border-color-alt);
 }
 blockquote p:last-child {
   margin-bottom: 0;
@@ -235,17 +276,17 @@ img {
 table {
   margin-bottom: 1rem;
   width: 100%;
-  border: 1px solid #e5e5e5;
+  border: 1px solid var(--border-color-alt);
   border-collapse: collapse;
 }
 td,
 th {
   padding: .25rem .5rem;
-  border: 1px solid #e5e5e5;
+  border: 1px solid var(--border-color-alt);
 }
 tbody tr:nth-child(odd) td,
 tbody tr:nth-child(odd) th {
-  background-color: #f9f9f9;
+  background-color: var(--code-bg);
 }
 
 
@@ -271,8 +312,8 @@ tbody tr:nth-child(odd) th {
 .message {
   margin-bottom: 1rem;
   padding: 1rem;
-  color: #717171;
-  background-color: #f9f9f9;
+  color: var(--message-color);
+  background-color: var(--code-bg);
 }
 
 
@@ -305,15 +346,15 @@ tbody tr:nth-child(odd) th {
 .masthead-title {
   margin-top: 0;
   margin-bottom: 0;
-  color: #505050;
+  color: var(--masthead-color);
 }
 .masthead-title a {
-  color: #505050;
+  color: var(--masthead-color);
 }
 .masthead-title small {
   font-size: 75%;
   font-weight: 400;
-  color: #c0c0c0;
+  color: var(--masthead-small);
   letter-spacing: 0;
 }
 
@@ -334,7 +375,7 @@ tbody tr:nth-child(odd) th {
 .page-title,
 .post-title,
 .post-title a {
-  color: #303030;
+  color: var(--text-strong);
 }
 .page-title,
 .post-title {
@@ -346,14 +387,14 @@ tbody tr:nth-child(odd) th {
   display: block;
   margin-top: -.5rem;
   margin-bottom: 1rem;
-  color: #9a9a9a;
+  color: var(--meta-color);
 }
 
 /* Related posts */
 .related {
   padding-top: 2rem;
   padding-bottom: 2rem;
-  border-top: 1px solid #eee;
+  border-top: 1px solid var(--border-color);
 }
 .related-posts {
   padding-left: 0;
@@ -364,10 +405,10 @@ tbody tr:nth-child(odd) th {
 }
 .related-posts li small {
   font-size: 75%;
-  color: #999;
+  color: var(--meta-color);
 }
 .related-posts li a:hover {
-  color: #268bd2;
+  color: var(--link-color);
   text-decoration: none;
 }
 .related-posts li a:hover small {
@@ -395,7 +436,7 @@ tbody tr:nth-child(odd) th {
 .pagination-item {
   display: block;
   padding: 1rem;
-  border: 1px solid #eee;
+  border: 1px solid var(--border-color);
 }
 .pagination-item:first-child {
   margin-bottom: -1px;
@@ -403,7 +444,7 @@ tbody tr:nth-child(odd) th {
 
 /* Only provide a hover state for linked pagination items */
 a.pagination-item:hover {
-  background-color: #f5f5f5;
+  background-color: var(--pagination-hover);
 }
 
 @media (min-width: 30em) {
@@ -425,3 +466,61 @@ a.pagination-item:hover {
     border-bottom-right-radius: 4px;
   }
 }
+
+
+/*
+ * Theme Toggle Button
+ */
+
+#theme-toggle {
+  position: fixed;
+  top: 0.75rem;
+  right: 1.5rem;
+  z-index: 1001;
+  padding: 0.4rem;
+  background: none;
+  border: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--text-color);
+  transition: all 0.2s ease;
+  line-height: 1;
+  opacity: 0.7;
+}
+
+#theme-toggle:hover {
+  opacity: 1;
+  transform: scale(1.15);
+}
+
+#theme-toggle:active {
+  transform: scale(0.9);
+}
+
+#theme-toggle svg {
+  display: block;
+  width: 22px;
+  height: 22px;
+}
+
+@media (max-width: 48rem) {
+  #theme-toggle {
+    top: 0.65rem;
+    right: 1rem;
+    padding: 0.35rem;
+  }
+
+  #theme-toggle svg {
+    width: 20px;
+    height: 20px;
+  }
+}
+
+/* Adjust for when sidebar toggle is visible */
+@media (min-width: 30.1rem) {
+  #theme-toggle {
+    top: 0.85rem;
+  }
+}
diff --git a/static/public/css/syntax.css b/static/public/css/syntax.css
index 1264b87..74d67f3 100755
--- a/static/public/css/syntax.css
+++ b/static/public/css/syntax.css
@@ -1,3 +1,4 @@
+/* Light theme syntax highlighting (default) */
 .hll { background-color: #ffffcc }
  /*{ background: #f0f3f3; }*/
 .c { color: #999; } /* Comment */
@@ -64,3 +65,70 @@
 .css .o,
 .css .o + .nt,
 .css .nt + .nt { color: #999; }
+
+/* Dark theme syntax highlighting */
+[data-theme="dark"] .hll { background-color: #49483e }
+[data-theme="dark"] .c { color: #8b949e; } /* Comment */
+[data-theme="dark"] .err { color: #ff7b72; background-color: #6e0f15 } /* Error */
+[data-theme="dark"] .k { color: #ff7b72; } /* Keyword */
+[data-theme="dark"] .o { color: #c9d1d9 } /* Operator */
+[data-theme="dark"] .cm { color: #8b949e; font-style: italic } /* Comment.Multiline */
+[data-theme="dark"] .cp { color: #79c0ff } /* Comment.Preproc */
+[data-theme="dark"] .c1 { color: #8b949e; } /* Comment.Single */
+[data-theme="dark"] .cs { color: #8b949e; } /* Comment.Special */
+[data-theme="dark"] .gd { background-color: #6e0f15; border: 1px solid #ff7b72 } /* Generic.Deleted */
+[data-theme="dark"] .ge { font-style: italic } /* Generic.Emph */
+[data-theme="dark"] .gr { color: #ff7b72 } /* Generic.Error */
+[data-theme="dark"] .gh { color: #79c0ff; } /* Generic.Heading */
+[data-theme="dark"] .gi { background-color: #033a16; border: 1px solid #7ee787 } /* Generic.Inserted */
+[data-theme="dark"] .go { color: #8b949e } /* Generic.Output */
+[data-theme="dark"] .gp { color: #79c0ff; } /* Generic.Prompt */
+[data-theme="dark"] .gs { } /* Generic.Strong */
+[data-theme="dark"] .gu { color: #7ee787; } /* Generic.Subheading */
+[data-theme="dark"] .gt { color: #ffa657 } /* Generic.Traceback */
+[data-theme="dark"] .kc { color: #ff7b72; } /* Keyword.Constant */
+[data-theme="dark"] .kd { color: #ff7b72; } /* Keyword.Declaration */
+[data-theme="dark"] .kn { color: #ff7b72; } /* Keyword.Namespace */
+[data-theme="dark"] .kp { color: #ff7b72 } /* Keyword.Pseudo */
+[data-theme="dark"] .kr { color: #ff7b72; } /* Keyword.Reserved */
+[data-theme="dark"] .kt { color: #ff7b72; } /* Keyword.Type */
+[data-theme="dark"] .m { color: #79c0ff } /* Literal.Number */
+[data-theme="dark"] .s { color: #a5d6ff } /* Literal.String */
+[data-theme="dark"] .na { color: #7ee787 } /* Name.Attribute */
+[data-theme="dark"] .nb { color: #d2a8ff } /* Name.Builtin */
+[data-theme="dark"] .nc { color: #f0883e; } /* Name.Class */
+[data-theme="dark"] .no { color: #79c0ff } /* Name.Constant */
+[data-theme="dark"] .nd { color: #d2a8ff } /* Name.Decorator */
+[data-theme="dark"] .ni { color: #ffa657; } /* Name.Entity */
+[data-theme="dark"] .ne { color: #f0883e; } /* Name.Exception */
+[data-theme="dark"] .nf { color: #d2a8ff } /* Name.Function */
+[data-theme="dark"] .nl { color: #d2a8ff } /* Name.Label */
+[data-theme="dark"] .nn { color: #f0883e; } /* Name.Namespace */
+[data-theme="dark"] .nt { color: #7ee787; } /* Name.Tag */
+[data-theme="dark"] .nv { color: #79c0ff } /* Name.Variable */
+[data-theme="dark"] .ow { color: #ff7b72; } /* Operator.Word */
+[data-theme="dark"] .w { color: #6e7681 } /* Text.Whitespace */
+[data-theme="dark"] .mf { color: #79c0ff } /* Literal.Number.Float */
+[data-theme="dark"] .mh { color: #79c0ff } /* Literal.Number.Hex */
+[data-theme="dark"] .mi { color: #79c0ff } /* Literal.Number.Integer */
+[data-theme="dark"] .mo { color: #79c0ff } /* Literal.Number.Oct */
+[data-theme="dark"] .sb { color: #a5d6ff } /* Literal.String.Backtick */
+[data-theme="dark"] .sc { color: #a5d6ff } /* Literal.String.Char */
+[data-theme="dark"] .sd { color: #a5d6ff; font-style: italic } /* Literal.String.Doc */
+[data-theme="dark"] .s2 { color: #a5d6ff } /* Literal.String.Double */
+[data-theme="dark"] .se { color: #79c0ff; } /* Literal.String.Escape */
+[data-theme="dark"] .sh { color: #a5d6ff } /* Literal.String.Heredoc */
+[data-theme="dark"] .si { color: #a5d6ff } /* Literal.String.Interpol */
+[data-theme="dark"] .sx { color: #a5d6ff } /* Literal.String.Other */
+[data-theme="dark"] .sr { color: #7ee787 } /* Literal.String.Regex */
+[data-theme="dark"] .s1 { color: #a5d6ff } /* Literal.String.Single */
+[data-theme="dark"] .ss { color: #ffa657 } /* Literal.String.Symbol */
+[data-theme="dark"] .bp { color: #d2a8ff } /* Name.Builtin.Pseudo */
+[data-theme="dark"] .vc { color: #79c0ff } /* Name.Variable.Class */
+[data-theme="dark"] .vg { color: #79c0ff } /* Name.Variable.Global */
+[data-theme="dark"] .vi { color: #79c0ff } /* Name.Variable.Instance */
+[data-theme="dark"] .il { color: #79c0ff } /* Literal.Number.Integer.Long */
+
+[data-theme="dark"] .css .o,
+[data-theme="dark"] .css .o + .nt,
+[data-theme="dark"] .css .nt + .nt { color: #c9d1d9; }