diff --git a/assets/css/style.css b/assets/css/style.css
index e81bcc19..af0d4b08 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -36,6 +36,12 @@ a {
     color: #E63054;
 }
 
+@media (prefers-color-scheme: dark) {
+    a {
+        color: #eb4444;
+    }
+}
+
 .red-1 {
     color: #E63054;
 }
@@ -359,6 +365,13 @@ code {
     color: brown;
 }
 
+@media (prefers-color-scheme: dark) {
+    code {
+        font-size: 0.85em;
+        color: tan;
+    }
+}
+
 pre code {
     color: inherit;
 }
diff --git a/assets/images/hero_image_white.png b/assets/images/hero_image_white.png
new file mode 100644
index 00000000..3f725dce
Binary files /dev/null and b/assets/images/hero_image_white.png differ
diff --git a/assets/images/hero_image_white.svg b/assets/images/hero_image_white.svg
new file mode 100644
index 00000000..a4d7d153
--- /dev/null
+++ b/assets/images/hero_image_white.svg
@@ -0,0 +1,195 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.6.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 420 500" style="enable-background:new 0 0 420 500;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#121646;}
+	.st1{fill:#FFFFFF;}
+</style>
+<g id="Layer_2">
+</g>
+<g id="Layer_1">
+	<g>
+		<g>
+			<g>
+				<path class="st0" d="M359,369.61c-3.49-8.49-6.07-17.37-8.68-26.19c-2.98-10.05-5.44-20.24-8.39-30.3
+					c-0.87-2.96-2.34-5.84-4.04-8.43c-1.69-2.58-3.44-2.19-4.33,0.73c-2.4,7.81-4.44,15.75-7.12,23.46
+					c-4.83,13.92-11.42,26.87-20.43,38.72c-4.5,5.91-9.53,11.39-14.73,16.68c-2.6,2.65-5.26,5.25-7.91,7.84
+					c-2.33,2.27-4.76,4.65-3.12,8.1c1.27,2.67,4.11,2.93,6.73,2.91c0.38,0,0.75-0.01,1.12-0.01c13.44-0.22,26.88,0.15,40.32,0.3
+					c9.38,0.11,18.77,0.49,28.15,0.28c3.96-0.09,8.3,0.04,11.52-3.2c3.62-3.64,4.2-6.42,1.6-10.87
+					C365.86,383.09,361.86,376.57,359,369.61z"/>
+				<path class="st0" d="M385.31,258.33c-1.75-0.43-3.46-0.9-5.12-1.44c-17.21-5.5-29.1-16.67-42.19-29.26
+					c-2-1.93-2.65-4.13-2.51-6.89c0.74-12.86-0.81-25.56-3.07-38.17c-3.19-17.59-8.46-34.6-15.64-51.01
+					c-1.62-3.68-3.77-6.93-4.89-10.84c-0.11-0.43-0.2-0.92,0.09-1.26c0.31-0.38,0.94-0.29,1.41-0.11
+					c4.17,1.71,10.82,20.58,16.18,15.75c1.14-1.03,1.57-2.6,1.86-4.11c4.56-22.48-1.19-57.13-21.27-71.04
+					c-9.22-6.4-19.34-12.61-30.41-15.1c-5.66-1.26-11.8-1.19-17.01,1.37c-2.58,1.26-4.91,3.12-7.72,3.79
+					c-5,1.23-9.99-1.57-14.92-3.07c-5.99-1.8-12.52-1.71-18.45,0.29c-4.76,1.59-9.51,4.42-14.45,3.5
+					c-6.84-1.28-11.78-9.18-18.87-11.6c-8.5-2.92-17.95-2.92-26.66-0.96c-25,5.61-48.47,23.16-65.95,41.22
+					c-19.19,19.81-26.82,46.02-9.85,69.94c6.06,8.55,14.97,15.21,25.13,17.84c1.97,0.52,4.06,0.92,5.7,2.13
+					c6.46,4.8-7.18,17.66-10.1,21.83c-6.28,9.04-12.14,18.42-16.49,28.57c-8.08,18.78-11.6,37.68-14.43,57.78
+					c-4.89,34.78-11.44,70.53-27.71,101.94c-2.63,5.05-5.9,10.08-7.97,15.37c-0.49,1.26-0.65,2.74,0,3.9
+					c0.38,0.67,1.01,1.19,1.68,1.55c3.64,2.02,9.16,1.57,13.17,1.59c12.12,0.04,24.24,0.09,36.37,0.11
+					c6.17,0.02,12.34,0.04,18.51,0.04c4.44,0,10.97,1.12,15.01-1.01c2.6-1.37,4.04-4.29,4.76-7.16c1.05-4.22,1.73-8.55,2.85-12.77
+					c3.46-12.9,8.37-25.18,14.68-36.98c10.01-18.74,20.46-39.92,1.88-57.02c-4.89-4.49-10.52-8.06-15.78-12.09
+					c-1.01-0.79-2-2.38-0.94-3.1c0.4-0.29,0.97-0.22,1.48-0.11c20.26,4.24,39,26.01,37.74,46.85c-0.67,10.88-5.05,20.64-8.37,30.74
+					c-3.37,10.26-7.32,20.4-8.26,31.3c-0.38,4.31-0.83,8.66-0.88,12.99c-0.07,5.61,2.04,8.5,8.42,8.53
+					c23.32,0.04,46.63,0.4,69.95,0.63c5.92,0.07,18.09,2.02,20.46-5.63c0.88-2.83-0.25-5.86-1.71-8.42
+					c-1.46-2.56-3.32-4.96-4.11-7.81c-1.44-5.09,0.81-10.46,3.19-15.19c2.76-5.48,6.19-10.61,8.93-16.09
+					c3.21-5.79,6.98-11.18,9.87-17.17c3.05-6.26,5.52-12.79,7.56-19.43c2.76-8.91,4.76-18.04,6.33-27.22
+					c0.34-1.99,0.55-3.99,0.79-5.99c0.12-1.01,0.24-2.01,0.39-3.02c0.16-1.13,0.41-2.46,1.87-2.35c8.7,0.61-4.36,50.4-5.5,53.44
+					c-2.67,7.14-5.88,14.07-9.65,20.71c-4.73,8.33-13.44,15.89-11.31,26.41c0.76,3.73,1.66,9.07,5.03,11.42
+					c4.62,3.25,10.57-2.15,13.85-5.09c5.16-4.65,9.31-10.19,13.67-15.57c11.98-14.81,21.21-31.66,27.92-49.46
+					c7.29-19.43,10.55-38.75,13.1-59.22c0.16-1.17,0.4-2.49,1.39-3.12c1.12-0.72,2.58-0.18,3.79,0.36
+					c14.81,6.55,30.81,11.85,46.92,10.3c1.97-0.2,4.44-1.03,4.49-3.01C389.61,259.72,387.21,258.78,385.31,258.33z M306.52,248.21
+					c-0.16,0.56-0.58,1.05-1.08,1.37c-0.94,0.58-2.2,0.74-3.28,0.85c-7.18,0.74-14.25-1.46-20.71-4.38
+					c-1.03-0.45-2.06-0.92-3.1-1.44c-9.85-4.89-19.01-11.87-26.57-19.86c-6.42-6.78-11.49-14.81-14.97-23.47
+					c-0.74-1.84-1.62-3.81-2.04-5.77c-0.36-1.66-0.13-3.61,1.14-4.76c0.81-0.72,1.91-0.99,2.96-1.21c3.52-0.7,7.27-1.08,10.84-0.76
+					c1.46,0.09,2.98,0.47,4.02,1.48c0.92,0.87,1.37,2.11,1.77,3.32c1.75,5.25,3.21,10.66,5.7,15.64c2.51,5.05,5.83,9.78,9.29,14.23
+					c1.26,1.62,2.56,3.19,3.9,4.73c6.66,7.65,15.42,14.5,25.65,16.45c0.4,0.09,0.81,0.16,1.23,0.22c1.41,0.2,2.9,0.34,4.11,1.12
+					c0.58,0.38,1.1,0.99,1.17,1.68C306.56,247.85,306.56,248.03,306.52,248.21z"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<path class="st1" d="M359,369.61c-3.49-8.49-6.07-17.37-8.68-26.19c-2.98-10.05-5.44-20.24-8.39-30.3
+					c-0.87-2.96-2.34-5.84-4.04-8.43c-1.69-2.58-3.44-2.19-4.33,0.73c-2.4,7.81-4.44,15.75-7.12,23.46
+					c-4.83,13.92-11.42,26.87-20.43,38.72c-4.5,5.91-9.53,11.39-14.73,16.68c-2.6,2.65-5.26,5.25-7.91,7.84
+					c-2.33,2.27-4.76,4.65-3.12,8.1c1.27,2.67,4.11,2.93,6.73,2.91c0.38,0,0.75-0.01,1.12-0.01c13.44-0.22,26.88,0.15,40.32,0.3
+					c9.38,0.11,18.77,0.49,28.15,0.28c3.96-0.09,8.3,0.04,11.52-3.2c3.62-3.64,4.2-6.42,1.6-10.87
+					C365.86,383.09,361.86,376.57,359,369.61z"/>
+				<path class="st1" d="M385.31,258.33c-1.75-0.43-3.46-0.9-5.12-1.44c-17.21-5.5-29.1-16.67-42.19-29.26
+					c-2-1.93-2.65-4.13-2.51-6.89c0.74-12.86-0.81-25.56-3.07-38.17c-3.19-17.59-8.46-34.6-15.64-51.01
+					c-1.62-3.68-3.77-6.93-4.89-10.84c-0.11-0.43-0.2-0.92,0.09-1.26c0.31-0.38,0.94-0.29,1.41-0.11
+					c4.17,1.71,10.82,20.58,16.18,15.75c1.14-1.03,1.57-2.6,1.86-4.11c4.56-22.48-1.19-57.13-21.27-71.04
+					c-9.22-6.4-19.34-12.61-30.41-15.1c-5.66-1.26-11.8-1.19-17.01,1.37c-2.58,1.26-4.91,3.12-7.72,3.79
+					c-5,1.23-9.99-1.57-14.92-3.07c-5.99-1.8-12.52-1.71-18.45,0.29c-4.76,1.59-9.51,4.42-14.45,3.5
+					c-6.84-1.28-11.78-9.18-18.87-11.6c-8.5-2.92-17.95-2.92-26.66-0.96c-25,5.61-48.47,23.16-65.95,41.22
+					c-19.19,19.81-26.82,46.02-9.85,69.94c6.06,8.55,14.97,15.21,25.13,17.84c1.97,0.52,4.06,0.92,5.7,2.13
+					c6.46,4.8-7.18,17.66-10.1,21.83c-6.28,9.04-12.14,18.42-16.49,28.57c-8.08,18.78-11.6,37.68-14.43,57.78
+					c-4.89,34.78-11.44,70.53-27.71,101.94c-2.63,5.05-5.9,10.08-7.97,15.37c-0.49,1.26-0.65,2.74,0,3.9
+					c0.38,0.67,1.01,1.19,1.68,1.55c3.64,2.02,9.16,1.57,13.17,1.59c12.12,0.04,24.24,0.09,36.37,0.11
+					c6.17,0.02,12.34,0.04,18.51,0.04c4.44,0,10.97,1.12,15.01-1.01c2.6-1.37,4.04-4.29,4.76-7.16c1.05-4.22,1.73-8.55,2.85-12.77
+					c3.46-12.9,8.37-25.18,14.68-36.98c10.01-18.74,20.46-39.92,1.88-57.02c-4.89-4.49-10.52-8.06-15.78-12.09
+					c-1.01-0.79-2-2.38-0.94-3.1c0.4-0.29,0.97-0.22,1.48-0.11c20.26,4.24,39,26.01,37.74,46.85c-0.67,10.88-5.05,20.64-8.37,30.74
+					c-3.37,10.26-7.32,20.4-8.26,31.3c-0.38,4.31-0.83,8.66-0.88,12.99c-0.07,5.61,2.04,8.5,8.42,8.53
+					c23.32,0.04,46.63,0.4,69.95,0.63c5.92,0.07,18.09,2.02,20.46-5.63c0.88-2.83-0.25-5.86-1.71-8.42
+					c-1.46-2.56-3.32-4.96-4.11-7.81c-1.44-5.09,0.81-10.46,3.19-15.19c2.76-5.48,6.19-10.61,8.93-16.09
+					c3.21-5.79,6.98-11.18,9.87-17.17c3.05-6.26,5.52-12.79,7.56-19.43c2.76-8.91,4.76-18.04,6.33-27.22
+					c0.34-1.99,0.55-3.99,0.79-5.99c0.12-1.01,0.24-2.01,0.39-3.02c0.16-1.13,0.41-2.46,1.87-2.35c8.7,0.61-4.36,50.4-5.5,53.44
+					c-2.67,7.14-5.88,14.07-9.65,20.71c-4.73,8.33-13.44,15.89-11.31,26.41c0.76,3.73,1.66,9.07,5.03,11.42
+					c4.62,3.25,10.57-2.15,13.85-5.09c5.16-4.65,9.31-10.19,13.67-15.57c11.98-14.81,21.21-31.66,27.92-49.46
+					c7.29-19.43,10.55-38.75,13.1-59.22c0.16-1.17,0.4-2.49,1.39-3.12c1.12-0.72,2.58-0.18,3.79,0.36
+					c14.81,6.55,30.81,11.85,46.92,10.3c1.97-0.2,4.44-1.03,4.49-3.01C389.61,259.72,387.21,258.78,385.31,258.33z M306.52,248.21
+					c-0.16,0.56-0.58,1.05-1.08,1.37c-0.94,0.58-2.2,0.74-3.28,0.85c-7.18,0.74-14.25-1.46-20.71-4.38
+					c-1.03-0.45-2.06-0.92-3.1-1.44c-9.85-4.89-19.01-11.87-26.57-19.86c-6.42-6.78-11.49-14.81-14.97-23.47
+					c-0.74-1.84-1.62-3.81-2.04-5.77c-0.36-1.66-0.13-3.61,1.14-4.76c0.81-0.72,1.91-0.99,2.96-1.21c3.52-0.7,7.27-1.08,10.84-0.76
+					c1.46,0.09,2.98,0.47,4.02,1.48c0.92,0.87,1.37,2.11,1.77,3.32c1.75,5.25,3.21,10.66,5.7,15.64c2.51,5.05,5.83,9.78,9.29,14.23
+					c1.26,1.62,2.56,3.19,3.9,4.73c6.66,7.65,15.42,14.5,25.65,16.45c0.4,0.09,0.81,0.16,1.23,0.22c1.41,0.2,2.9,0.34,4.11,1.12
+					c0.58,0.38,1.1,0.99,1.17,1.68C306.56,247.85,306.56,248.03,306.52,248.21z"/>
+			</g>
+		</g>
+	</g>
+	<g>
+		<g>
+			<g>
+				<path class="st0" d="M49.62,435.45c1.26-1.81,3.15-2.72,5.67-2.72c2.33,0,4.06,0.54,5.19,1.6c1.14,1.07,1.8,2.79,1.98,5.17h7.58
+					c-0.4-4.11-1.9-7.3-4.5-9.58c-2.6-2.27-6.02-3.41-10.26-3.41c-3.07,0-5.76,0.72-8.08,2.16c-2.32,1.44-4.1,3.51-5.35,6.21
+					c-1.25,2.7-1.87,5.81-1.87,9.35v2.25c0,5.54,1.35,9.9,4.06,13.08c2.7,3.18,6.42,4.76,11.13,4.76c4.31,0,7.79-1.14,10.43-3.41
+					c2.64-2.27,4.1-5.39,4.39-9.35h-7.58c-0.17,2.24-0.83,3.9-1.98,4.97c-1.15,1.07-2.9,1.61-5.24,1.61c-2.6,0-4.49-0.92-5.7-2.76
+					c-1.2-1.84-1.81-4.74-1.81-8.72v-2.78C47.72,440.07,48.36,437.26,49.62,435.45z"/>
+				<rect x="74.88" y="425" class="st0" width="7.33" height="38.82"/>
+				<path class="st0" d="M109.04,439.36c-2.33-2.26-5.35-3.39-9.04-3.39c-2.6,0-4.87,0.58-6.84,1.74c-1.96,1.16-3.47,2.81-4.51,4.93
+					c-1.04,2.12-1.57,4.54-1.57,7.25v0.33c0,4.35,1.18,7.79,3.53,10.31c2.35,2.53,5.5,3.79,9.44,3.79c3.94,0,7.09-1.27,9.43-3.8
+					c2.34-2.54,3.51-5.9,3.51-10.1l-0.05-1.87C112.68,444.68,111.38,441.62,109.04,439.36z M104.2,456.4
+					c-0.99,1.36-2.38,2.04-4.15,2.04c-1.82,0-3.22-0.69-4.2-2.06c-0.98-1.38-1.47-3.36-1.47-5.96c0-2.92,0.49-5.08,1.47-6.47
+					c0.98-1.39,2.36-2.09,4.15-2.09c1.8,0,3.2,0.7,4.2,2.1c0.99,1.4,1.49,3.38,1.49,5.92C105.69,452.87,105.2,455.04,104.2,456.4z"
+					/>
+				<path class="st0" d="M133.62,455.86c-0.93,1.72-2.63,2.58-5.11,2.58c-2.6,0-3.89-1.43-3.89-4.28v-17.69h-7.3v17.92
+					c0.03,3.25,0.82,5.72,2.36,7.41c1.54,1.68,3.78,2.53,6.71,2.53c3.18,0,5.68-1.1,7.48-3.29l0.2,2.78h6.88v-27.35h-7.33V455.86z"
+					/>
+				<path class="st0" d="M162.64,438.95c-1.74-1.99-3.93-2.98-6.6-2.98c-3.32,0-5.94,1.26-7.85,3.79
+					c-1.91,2.53-2.87,5.92-2.87,10.19c0,4.52,0.97,8.04,2.92,10.58c1.95,2.54,4.53,3.8,7.75,3.8c2.86,0,5.21-1.14,7.03-3.41
+					l0.35,2.91h6.6V425h-7.33V438.95z M162.64,455.58c-0.93,1.91-2.52,2.86-4.78,2.86c-1.7,0-3-0.68-3.89-2.05
+					c-0.89-1.37-1.34-3.33-1.34-5.9c0-5.72,1.76-8.58,5.28-8.58c2.24,0,3.82,0.95,4.73,2.86V455.58z"/>
+				<polygon class="st0" points="198.48,451.29 183.7,427.02 176.11,427.02 176.11,463.82 183.7,463.82 183.7,439.61 198.46,463.82 
+					206.04,463.82 206.04,427.02 198.48,427.02 				"/>
+				<path class="st0" d="M234.32,445.65c0-3.07-0.99-5.45-2.97-7.14c-1.98-1.69-4.66-2.54-8.03-2.54c-2.22,0-4.23,0.38-6.02,1.15
+					c-1.79,0.77-3.17,1.82-4.15,3.17c-0.98,1.35-1.47,2.81-1.47,4.4h7.3c0-1.03,0.35-1.84,1.05-2.43c0.7-0.59,1.66-0.88,2.89-0.88
+					c1.4,0,2.42,0.38,3.07,1.14c0.65,0.76,0.97,1.77,0.97,3.03v1.57h-3.36c-4.06,0.02-7.17,0.8-9.31,2.35
+					c-2.15,1.55-3.22,3.77-3.22,6.67c0,2.36,0.88,4.31,2.64,5.86c1.76,1.55,3.98,2.33,6.66,2.33c2.83,0,5.13-0.99,6.9-2.96
+					c0.15,0.98,0.4,1.79,0.73,2.45h7.38v-0.43c-0.71-1.33-1.07-3.29-1.09-5.89V445.65z M226.99,456.09
+					c-0.44,0.81-1.11,1.45-2.02,1.93c-0.91,0.48-1.9,0.72-2.98,0.72c-1.11,0-1.99-0.29-2.63-0.88c-0.64-0.59-0.96-1.34-0.96-2.25
+					l0.03-0.43c0.24-2.53,2.18-3.79,5.84-3.79h2.73V456.09z"/>
+				<path class="st0" d="M249.26,457.66c-0.39-0.44-0.58-1.16-0.58-2.17v-13.65h4.68v-5.36h-4.68v-6.72h-7.3v6.72h-3.99v5.36h3.99
+					v14.74c0.1,5.17,2.71,7.76,7.84,7.76c1.52,0,2.99-0.22,4.42-0.66v-5.54c-0.62,0.12-1.34,0.18-2.15,0.18
+					C250.39,458.31,249.65,458.1,249.26,457.66z"/>
+				<path class="st0" d="M261.47,425.63c-1.26,0-2.26,0.35-3,1.06c-0.73,0.71-1.1,1.61-1.1,2.7c0,1.11,0.37,2.02,1.12,2.73
+					c0.75,0.71,1.74,1.06,2.97,1.06c1.23,0,2.22-0.35,2.97-1.06c0.75-0.71,1.12-1.62,1.12-2.73c0-1.1-0.37-2-1.11-2.7
+					C263.71,425.99,262.72,425.63,261.47,425.63z"/>
+				<rect x="257.81" y="436.48" class="st0" width="7.33" height="27.35"/>
+				<polygon class="st0" points="281.39,454.9 276.31,436.48 268.67,436.48 277.9,463.82 284.88,463.82 294.1,436.48 286.47,436.48 
+									"/>
+				<path class="st0" d="M320.82,449.54c0-4.33-1.07-7.68-3.22-10.03c-2.15-2.36-5.09-3.54-8.83-3.54c-2.49,0-4.71,0.59-6.66,1.76
+					c-1.95,1.17-3.45,2.84-4.51,5c-1.06,2.17-1.59,4.62-1.59,7.37v0.71c0,4.09,1.26,7.37,3.78,9.83c2.52,2.46,5.78,3.69,9.79,3.69
+					c2.27,0,4.35-0.43,6.22-1.3c1.87-0.87,3.35-2.08,4.45-3.63l-3.59-4.02c-1.58,2.04-3.78,3.06-6.6,3.06
+					c-1.82,0-3.32-0.54-4.51-1.62c-1.19-1.08-1.9-2.51-2.14-4.3h17.42V449.54z M313.64,447.55h-10.16c0.25-1.83,0.83-3.23,1.73-4.21
+					c0.9-0.98,2.08-1.47,3.53-1.47c1.55,0,2.75,0.44,3.59,1.33c0.84,0.89,1.28,2.15,1.31,3.77V447.55z"/>
+			</g>
+			<g>
+				<path class="st1" d="M49.62,435.45c1.26-1.81,3.15-2.72,5.67-2.72c2.33,0,4.06,0.54,5.19,1.6c1.14,1.07,1.8,2.79,1.98,5.17h7.58
+					c-0.4-4.11-1.9-7.3-4.5-9.58c-2.6-2.27-6.02-3.41-10.26-3.41c-3.07,0-5.76,0.72-8.08,2.16c-2.32,1.44-4.1,3.51-5.35,6.21
+					c-1.25,2.7-1.87,5.81-1.87,9.35v2.25c0,5.54,1.35,9.9,4.06,13.08c2.7,3.18,6.42,4.76,11.13,4.76c4.31,0,7.79-1.14,10.43-3.41
+					c2.64-2.27,4.1-5.39,4.39-9.35h-7.58c-0.17,2.24-0.83,3.9-1.98,4.97c-1.15,1.07-2.9,1.61-5.24,1.61c-2.6,0-4.49-0.92-5.7-2.76
+					c-1.2-1.84-1.81-4.74-1.81-8.72v-2.78C47.72,440.07,48.36,437.26,49.62,435.45z"/>
+				<rect x="74.88" y="425" class="st1" width="7.33" height="38.82"/>
+				<path class="st1" d="M109.04,439.36c-2.33-2.26-5.35-3.39-9.04-3.39c-2.6,0-4.87,0.58-6.84,1.74c-1.96,1.16-3.47,2.81-4.51,4.93
+					c-1.04,2.12-1.57,4.54-1.57,7.25v0.33c0,4.35,1.18,7.79,3.53,10.31c2.35,2.53,5.5,3.79,9.44,3.79c3.94,0,7.09-1.27,9.43-3.8
+					c2.34-2.54,3.51-5.9,3.51-10.1l-0.05-1.87C112.68,444.68,111.38,441.62,109.04,439.36z M104.2,456.4
+					c-0.99,1.36-2.38,2.04-4.15,2.04c-1.82,0-3.22-0.69-4.2-2.06c-0.98-1.38-1.47-3.36-1.47-5.96c0-2.92,0.49-5.08,1.47-6.47
+					c0.98-1.39,2.36-2.09,4.15-2.09c1.8,0,3.2,0.7,4.2,2.1c0.99,1.4,1.49,3.38,1.49,5.92C105.69,452.87,105.2,455.04,104.2,456.4z"
+					/>
+				<path class="st1" d="M133.62,455.86c-0.93,1.72-2.63,2.58-5.11,2.58c-2.6,0-3.89-1.43-3.89-4.28v-17.69h-7.3v17.92
+					c0.03,3.25,0.82,5.72,2.36,7.41c1.54,1.68,3.78,2.53,6.71,2.53c3.18,0,5.68-1.1,7.48-3.29l0.2,2.78h6.88v-27.35h-7.33V455.86z"
+					/>
+				<path class="st1" d="M162.64,438.95c-1.74-1.99-3.93-2.98-6.6-2.98c-3.32,0-5.94,1.26-7.85,3.79
+					c-1.91,2.53-2.87,5.92-2.87,10.19c0,4.52,0.97,8.04,2.92,10.58c1.95,2.54,4.53,3.8,7.75,3.8c2.86,0,5.21-1.14,7.03-3.41
+					l0.35,2.91h6.6V425h-7.33V438.95z M162.64,455.58c-0.93,1.91-2.52,2.86-4.78,2.86c-1.7,0-3-0.68-3.89-2.05
+					c-0.89-1.37-1.34-3.33-1.34-5.9c0-5.72,1.76-8.58,5.28-8.58c2.24,0,3.82,0.95,4.73,2.86V455.58z"/>
+				<polygon class="st1" points="198.48,451.29 183.7,427.02 176.11,427.02 176.11,463.82 183.7,463.82 183.7,439.61 198.46,463.82 
+					206.04,463.82 206.04,427.02 198.48,427.02 				"/>
+				<path class="st1" d="M234.32,445.65c0-3.07-0.99-5.45-2.97-7.14c-1.98-1.69-4.66-2.54-8.03-2.54c-2.22,0-4.23,0.38-6.02,1.15
+					c-1.79,0.77-3.17,1.82-4.15,3.17c-0.98,1.35-1.47,2.81-1.47,4.4h7.3c0-1.03,0.35-1.84,1.05-2.43c0.7-0.59,1.66-0.88,2.89-0.88
+					c1.4,0,2.42,0.38,3.07,1.14c0.65,0.76,0.97,1.77,0.97,3.03v1.57h-3.36c-4.06,0.02-7.17,0.8-9.31,2.35
+					c-2.15,1.55-3.22,3.77-3.22,6.67c0,2.36,0.88,4.31,2.64,5.86c1.76,1.55,3.98,2.33,6.66,2.33c2.83,0,5.13-0.99,6.9-2.96
+					c0.15,0.98,0.4,1.79,0.73,2.45h7.38v-0.43c-0.71-1.33-1.07-3.29-1.09-5.89V445.65z M226.99,456.09
+					c-0.44,0.81-1.11,1.45-2.02,1.93c-0.91,0.48-1.9,0.72-2.98,0.72c-1.11,0-1.99-0.29-2.63-0.88c-0.64-0.59-0.96-1.34-0.96-2.25
+					l0.03-0.43c0.24-2.53,2.18-3.79,5.84-3.79h2.73V456.09z"/>
+				<path class="st1" d="M249.26,457.66c-0.39-0.44-0.58-1.16-0.58-2.17v-13.65h4.68v-5.36h-4.68v-6.72h-7.3v6.72h-3.99v5.36h3.99
+					v14.74c0.1,5.17,2.71,7.76,7.84,7.76c1.52,0,2.99-0.22,4.42-0.66v-5.54c-0.62,0.12-1.34,0.18-2.15,0.18
+					C250.39,458.31,249.65,458.1,249.26,457.66z"/>
+				<path class="st1" d="M261.47,425.63c-1.26,0-2.26,0.35-3,1.06c-0.73,0.71-1.1,1.61-1.1,2.7c0,1.11,0.37,2.02,1.12,2.73
+					c0.75,0.71,1.74,1.06,2.97,1.06c1.23,0,2.22-0.35,2.97-1.06c0.75-0.71,1.12-1.62,1.12-2.73c0-1.1-0.37-2-1.11-2.7
+					C263.71,425.99,262.72,425.63,261.47,425.63z"/>
+				<rect x="257.81" y="436.48" class="st1" width="7.33" height="27.35"/>
+				<polygon class="st1" points="281.39,454.9 276.31,436.48 268.67,436.48 277.9,463.82 284.88,463.82 294.1,436.48 286.47,436.48 
+									"/>
+				<path class="st1" d="M320.82,449.54c0-4.33-1.07-7.68-3.22-10.03c-2.15-2.36-5.09-3.54-8.83-3.54c-2.49,0-4.71,0.59-6.66,1.76
+					c-1.95,1.17-3.45,2.84-4.51,5c-1.06,2.17-1.59,4.62-1.59,7.37v0.71c0,4.09,1.26,7.37,3.78,9.83c2.52,2.46,5.78,3.69,9.79,3.69
+					c2.27,0,4.35-0.43,6.22-1.3c1.87-0.87,3.35-2.08,4.45-3.63l-3.59-4.02c-1.58,2.04-3.78,3.06-6.6,3.06
+					c-1.82,0-3.32-0.54-4.51-1.62c-1.19-1.08-1.9-2.51-2.14-4.3h17.42V449.54z M313.64,447.55h-10.16c0.25-1.83,0.83-3.23,1.73-4.21
+					c0.9-0.98,2.08-1.47,3.53-1.47c1.55,0,2.75,0.44,3.59,1.33c0.84,0.89,1.28,2.15,1.31,3.77V447.55z"/>
+			</g>
+		</g>
+		<g>
+			<path class="st1" d="M334.21,450.86v12.97h-7.58v-36.8h14.36c2.76,0,5.19,0.51,7.29,1.52c2.1,1.01,3.71,2.45,4.84,4.31
+				c1.13,1.86,1.69,3.98,1.69,6.36c0,3.61-1.23,6.45-3.7,8.53c-2.47,2.08-5.89,3.12-10.25,3.12H334.21z M334.21,444.72h6.77
+				c2.01,0,3.53-0.47,4.59-1.42c1.05-0.94,1.58-2.29,1.58-4.04c0-1.8-0.53-3.26-1.59-4.37s-2.53-1.68-4.4-1.72h-6.95V444.72z"/>
+			<path class="st1" d="M389.14,459.17c-1.36,1.63-3.29,2.9-5.79,3.8c-2.49,0.9-5.26,1.35-8.29,1.35c-3.18,0-5.98-0.7-8.38-2.09
+				c-2.4-1.39-4.25-3.41-5.56-6.05c-1.31-2.65-1.98-5.75-2.01-9.33v-2.5c0-3.67,0.62-6.85,1.86-9.54c1.24-2.69,3.02-4.74,5.36-6.17
+				c2.33-1.42,5.07-2.14,8.2-2.14c4.36,0,7.78,1.04,10.24,3.12c2.46,2.08,3.92,5.11,4.37,9.09h-7.38c-0.34-2.11-1.08-3.65-2.24-4.63
+				c-1.15-0.98-2.74-1.47-4.76-1.47c-2.58,0-4.54,0.97-5.89,2.91c-1.35,1.94-2.03,4.82-2.05,8.64v2.35c0,3.86,0.73,6.77,2.2,8.75
+				c1.47,1.97,3.61,2.96,6.45,2.96c2.85,0,4.88-0.61,6.09-1.82v-6.34h-6.9v-5.59h14.48V459.17z"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/assets/logo/large_logo_white.png b/assets/logo/large_logo_white.png
new file mode 100644
index 00000000..79a97f48
Binary files /dev/null and b/assets/logo/large_logo_white.png differ
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index bb221ab3..457c364f 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -29,7 +29,7 @@
   {{ template "_internal/opengraph.html" . }}
 </head>
 
-<body>
+<body class="bg-white dark:bg-sky-800 text-black dark:text-neutral-200">
   <div class="h-screen w-screen">
     {{ partial "nav" . }}
 
diff --git a/layouts/blog/list.html b/layouts/blog/list.html
index aa5cbcb3..1debf091 100644
--- a/layouts/blog/list.html
+++ b/layouts/blog/list.html
@@ -15,7 +15,7 @@
             <!--Image and content preview starts here-->
 
             <a href="{{ .RelPermalink }}">
-                <div class="charcoal">
+                <div class="text-zinc-900 dark:text-zinc-300">
                     <dl>
                         <dt class="text-3xl my-5 font-bold">{{ .Title }}</dt>
                         <div class="flex text-xs gap-1.5">
@@ -32,7 +32,7 @@
                 <!--CTA-->
                 <div class="pt-10">
                     <a href="{{ .RelPermalink }}"
-                        class="bg-rose-600 py-4 px-12 rounded-full text-white text-xl">Continue Reading</a>
+                    class="bg-rose-600 dark:bg-rose-800 py-4 px-12 rounded-full text-white text-xl">Continue Reading</a>
                 </div>
                 <!--CTA-->
             </a>
diff --git a/layouts/index.html b/layouts/index.html
index 06f38e22..19ca502c 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -6,7 +6,7 @@
 <section>
 
     <!-- Cards start here-->
-    <div class="w-full grid grid-cols-1 md:grid-cols-3 text-white bg-red-1 md:px-36 md:py-12 py-8">
+    <div class="w-full grid grid-cols-1 md:grid-cols-3 text-white bg-red-600 dark:bg-red-800 md:px-36 md:py-12 py-8">
         {{ range where .Site.Pages "Params.type" "card" }}
         {{ partial "card" . }}
         {{ end }}
@@ -32,7 +32,7 @@ <h1 class="md:text-xl text-white text-base">This open source project has been or
         <div class="mx-auto md:py-24 md:px-56 px-4 py-8">
             <hr>
         </div>
-        <h1 class="md:text-5xl font-bold red-1 leading-10 md:pt-4 text-3xl">100%</h1>
+        <h1 class="md:text-5xl font-bold text-red-600 dark:text-red-800 leading-10 md:pt-4 text-3xl">100%</h1>
         <h1 class="md:text-5xl font-bold text-white leading-10 md:pt-4 text-3xl">Open Source</h1>
         <p class="md:text-xl text-white md:w-2/5 mx-auto mt-10 text-lg px-4">
             CloudNativePG is 100% open source and community-driven.
@@ -45,7 +45,7 @@ <h1 class="md:text-5xl font-bold text-white leading-10 md:pt-4 text-3xl">Open So
 
     <div class="text-center pt-24">
         <a href="https://github.com/cloudnative-pg/cloudnative-pg"
-            class="bg-red-1 py-4 px-12 rounded-full text-white text-xl">View on GitHub</a>
+        class="bg-red-600 dark:bg-red-800 py-4 px-12 rounded-full text-white text-xl">View on GitHub</a>
     </div>
 </section>
 {{ end }}
diff --git a/layouts/page/styleguide.html b/layouts/page/styleguide.html
index 8fdf6da0..4ed6b269 100644
--- a/layouts/page/styleguide.html
+++ b/layouts/page/styleguide.html
@@ -9,7 +9,7 @@ <h1 class="h2 cnp-blue">Color Palette</h1>
              <!--Tile 1 start here-->
                 <div class="p-4 bg-white drop-shadow-md rounded-md border-2 border-slate-50 w-36">
                     <div>
-                        <div class="bg-red-1 w-28 h-32 rounded-lg"></div>
+                        <div class="bg-red-600 dark:bg-red-800 w-28 h-32 rounded-lg"></div>
                         <div class="pt-2"><h1>Red 1 - #E63054</h1></div>
                     </div>
                 </div>
@@ -75,7 +75,7 @@ <h1 class="h2 cnp-blue">Color Palette</h1>
                 <!--Tile 2 start here-->
                    <div class="p-4 bg-white drop-shadow-md rounded-md border-2 border-slate-50 w-36">
                        <div>
-                        <div class="bg-gray-4 w-28 h-32 rounded-lg"></div>
+                        <div class="bg-gray-800 dark:bg-gray-300 w-28 h-32 rounded-lg"></div>
                         <div class="pt-2"><h1>Gray 4 -#212C31</h1></div>
                        </div>
                    </div>
diff --git a/layouts/partials/author.html b/layouts/partials/author.html
index cd5fdac1..8874b128 100644
--- a/layouts/partials/author.html
+++ b/layouts/partials/author.html
@@ -5,7 +5,7 @@
 </div>
 <div>
     <div>
-        <h1 class="text-lg charcoal font-bold">
+        <h1 class="text-lg text-zinc-900 dark:text-zinc-300 font-bold">
             <a href="/authors/{{ .Params.author  }}">{{$author.Params.name}}</a>
         </h1>
     </div>
diff --git a/layouts/partials/author_sidebar.html b/layouts/partials/author_sidebar.html
index e8678a2a..6ba514a3 100644
--- a/layouts/partials/author_sidebar.html
+++ b/layouts/partials/author_sidebar.html
@@ -5,7 +5,7 @@
 </div>
 <div class="my-auto">
     <div>
-        <h1 class="text-lg charcoal font-bold">
+        <h1 class="text-lg text-zinc-900 dark:text-zinc-300 font-bold">
             {{$author.Params.name}}
         </h1>
     </div>
diff --git a/layouts/partials/blog_datetime.html b/layouts/partials/blog_datetime.html
index 4bf06518..286fefe0 100644
--- a/layouts/partials/blog_datetime.html
+++ b/layouts/partials/blog_datetime.html
@@ -1,5 +1,5 @@
-<div class="flex gap-2 text-sm charcoal opacity-75">
-    <h6 class="flex gap-2 text-sm charcoal">
+<div class="flex gap-2 text-sm text-zinc-900 dark:text-zinc-300 opacity-75">
+    <h6 class="flex gap-2 text-sm text-zinc-900 dark:text-zinc-300">
         {{ .PublishDate.Format "January 2, 2006" }}
         •
         {{ .ReadingTime }} minute{{ if (ne .ReadingTime 1) }}s{{ end }}
diff --git a/layouts/partials/blog_sidebar.html b/layouts/partials/blog_sidebar.html
index 331ddac0..f7c252cd 100644
--- a/layouts/partials/blog_sidebar.html
+++ b/layouts/partials/blog_sidebar.html
@@ -25,7 +25,7 @@ <h3 class="text-xl font-bold pb-6 px-4">Latest Posts</h3>
         <div class="space-y-10 px-4">
             <!--card 1 starts here-->
             {{ range first 6  (.Site.GetPage "/blog").Pages}}
-            <div class="p-8 bg-white drop-shadow-md md:w-2/6 rounded-md border-2 border-slate-50 align-super inline-grid max-w-xs"
+            <div class="p-8 bg-white dark:bg-sky-800 text-black dark:text-neutral-200 drop-shadow-md md:w-2/6 rounded-md border-2 border-slate-50 dark:border-bg-slate-500 align-super inline-grid max-w-xs"
                 style="min-width: 260px;">
                 <!--User profile-->
                 <div class="flex gap-3 mb-2.5">
@@ -38,7 +38,7 @@ <h3 class="text-xl font-bold pb-6 px-4">Latest Posts</h3>
                         <img src="{{ .RelPermalink }}/{{ .Params.image.url }}" class="object-fill"
                             alt="Blog image">
                     </div>
-                    <div class="charcoal">
+                    <div class="text-zinc-900 dark:text-zinc-300">
                         <h2 class="text-lg my-2.5 font-bold">{{.Title}}</h2>
                     </div>
                     <!--Blog image and content preview-->
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 6323d5d8..416fbe75 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,14 +1,14 @@
 <footer class="text-center pb-24">
-    <p class="text-sm charcoal md:w-1/2 mx-auto md:pt-10 px-6 pt-12">
+  <p class="text-sm text-zinc-900 dark:text-zinc-300 md:w-1/2 mx-auto md:pt-10 px-6 pt-12">
 
       &copy; The CloudNativePG Contributors.<br />
 
       <a href="https://www.linuxfoundation.org/trademark-usage/"
-        class="red-1">The Linux Foundation has registered trademarks and uses
+      class="text-red-600 dark:text-red-800 ">The Linux Foundation has registered trademarks and uses
         trademarks</a>.<br />
 
       <a href="https://www.postgresql.org/about/policies/trademarks"
-        class="red-1">Postgres, PostgreSQL and the Slonik Logo are trademarks or
+      class="text-red-600 dark:text-red-800">Postgres, PostgreSQL and the Slonik Logo are trademarks or
         registered trademarks of the PostgreSQL Community Association of Canada, and
         used with their permission</a>.
 
diff --git a/layouts/partials/hero.html b/layouts/partials/hero.html
index 5e47167b..6115ae0a 100644
--- a/layouts/partials/hero.html
+++ b/layouts/partials/hero.html
@@ -3,17 +3,17 @@
     <div class="md:flex md:flex-row px-4 md:px-56 md:justify-between place-content-center">
       <div class="md:w-1/2">
         <h1 class="md:text-6xl font-bold cnp-blue text-3xl md:text-left text-center">{{.Title}}</h1>
-        <h1 class="md:text-6xl font-bold red-1 pt-2.5 text-3xl md:text-left text-center">{{.Params.subtitle}}</h1>
-        <p class=" gray-4 text-xl md:text-2xl font-light leading-10 py-5 container md:tracking-wider">
+        <h1 class="md:text-6xl font-bold text-red-600 dark:text-red-800 pt-2.5 text-3xl md:text-left text-center">{{.Params.subtitle}}</h1>
+        <p class=" text-gray-800 dark:text-gray-300 text-xl md:text-2xl font-light leading-10 py-5 container md:tracking-wider">
           {{ .Content | plainify }}
         </p>
         <div class="pt-7 md:text-left text-center">
           <a href="{{.Params.cta.url}}"
-            class="md:text-3xl bg-red-1 py-4 px-12 rounded-full text-white text-xl">{{.Params.cta.content| plainify}}</a>
+          class="md:text-3xl bg-red-600 dark:bg-red-800 py-4 px-12 rounded-full text-white text-xl">{{.Params.cta.content| plainify}}</a>
         </div>
       </div>
       <div class="md:ml-8 hidden md:block">
-        {{ $image := resources.Get "images/hero_image.svg" }}
+        {{ $image := resources.Get "/images/hero_image.svg" }}
         <img src="{{ $image.RelPermalink }}" alt="hero image" class="mx-auto">
       </div>
     </div>
diff --git a/layouts/partials/info.html b/layouts/partials/info.html
index 755faf85..97fc42ff 100644
--- a/layouts/partials/info.html
+++ b/layouts/partials/info.html
@@ -1,6 +1,6 @@
 {{ if modBool .i 2 }}
 
-<div class="w-full bg-gray-1 py-16 md:px-56 px-4">
+<div class="w-full bg-gray-100 dark:bg-sky-700 py-16 md:px-56 px-4">
   <section class="container mx-auto text-left md:flex md:flex-row md:justify-between">
     <div class="md:block mx-auto my-auto hidden">
       <img src="{{ .context.Params.icon }}" alt="{{.context.Title}}" />
@@ -10,16 +10,16 @@
     </div>
     <div class="md:w-3/5 md:block">
       <h1 class="md:text-3xl py-4 font-medium cnp-blue text-2xl md:text-left text-center">{{ .context.Title }}</h1>
-      <p class="md:text-xl leading-8 gray-4 text-lg">{{ .context.Content }}</p>
+      <p class="md:text-xl leading-8 text-gray-800 dark:text-gray-300  text-lg">{{ .context.Content }}</p>
     </div>
   </section>
 </div>
 {{ else }}
-<div class="md:block hidden w-full  bg-white py-16 md:px-56">
+<div class="md:block hidden w-full  bg-white dark:bg-sky-800 text-black dark:text-neutral-200 py-16 md:px-56">
   <section class="container mx-auto text-left md:flex md:flex-row md:justify-between">
     <div class="md:w-3/5">
       <h1 class="md:text-3xl py-4 font-medium cnp-blue text-2xl">{{ .context.Title }}</h1>
-      <p class="md:text-xl leading-8 gray-4 text-lg">{{ .context.Content }}</p>
+      <p class="md:text-xl leading-8 text-gray-800 dark:text-gray-300  text-lg">{{ .context.Content }}</p>
     </div>
     <div class="items-center my-auto mx-auto">
       <img src="{{ .context.Params.icon }}" alt="{{.context.Title}}" class="mx-auto" />
diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html
index c76708bb..862a7549 100644
--- a/layouts/partials/nav.html
+++ b/layouts/partials/nav.html
@@ -28,14 +28,14 @@
         </ul>
       </div>
       <!--For hamburger click-->
-      <div class="py-4 bg-gray-1 mt-5 hidden" id="navi-list">
-        <ul class="md:flex gap-14 text-2xl md:medium-gray charcoal">
+      <div class="py-4 bg-gray-100 dark:bg-sky-700 mt-5 hidden" id="navi-list">
+        <ul class="md:flex gap-14 text-2xl md:medium-gray text-zinc-900 dark:text-zinc-300">
           <li class="text-center py-4"><a href="/docs">Documentation</a></li>
           <li class="text-center py-4"><a href="/blog">Blog</a></li>
           <li class="text-center py-4"><a href="/support">Support</a></li>
           <li class="text-center py-4"><a href="/end_users">End Users</a></li>
         </ul>
-        <div class="flex gap-3 py-4 justify-center bg-gray-1 fill-cnp-blue">
+        <div class="flex gap-3 py-4 justify-center bg-gray-100 dark:bg-sky-700 fill-cnp-blue">
           <a href="https://github.com/cloudnative-pg/cloudnative-pg">
             <img src="/icons/Git.svg" alt="Github">
           </a>