diff --git a/app/assets/images/logo-color-dark.svg b/app/assets/images/logo-color-dark.svg
new file mode 100644
index 00000000..80919e99
--- /dev/null
+++ b/app/assets/images/logo-color-dark.svg
@@ -0,0 +1,17 @@
+<svg width="161" height="26" viewBox="0 0 161 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.7885 26H39.5147C40.8712 26 41.9709 24.9142 41.9709 23.575C41.9709 22.2358 40.8712 21.15 39.5147 21.15H33.7885C32.4319 21.15 31.3323 22.2358 31.3323 23.575C31.3323 24.9142 32.4319 26 33.7885 26Z" fill="#F72585"/>
+<path d="M8.18243 26H2.45617C1.09974 26 0 24.9142 0 23.575C0 22.2358 1.09974 21.15 2.45617 21.15H8.18243C9.53897 21.15 10.6386 22.2358 10.6386 23.575C10.6386 24.9142 9.53897 26 8.18243 26Z" fill="#F72585"/>
+<path d="M23.3002 25.9845H18.6393C17.2827 25.9845 16.1831 24.8987 16.1831 23.5595C16.1831 22.2202 17.2827 21.1344 18.6393 21.1344H23.3002C24.6567 21.1344 25.7563 22.2202 25.7563 23.5595C25.7563 24.8987 24.6567 25.9845 23.3002 25.9845Z" fill="#F72585"/>
+<path d="M31.5623 19.0206H37.0755C38.432 19.0206 39.5316 17.9348 39.5316 16.5956C39.5316 15.2564 38.432 14.1706 37.0755 14.1706H31.5623C30.2058 14.1706 29.1061 15.2564 29.1061 16.5956C29.1061 17.9348 30.2058 19.0206 31.5623 19.0206Z" fill="#7209B7"/>
+<path d="M10.3131 19.0206H4.79986C3.44343 19.0206 2.3438 17.9348 2.3438 16.5956C2.3438 15.2564 3.44343 14.1706 4.79986 14.1706H10.3131C11.6696 14.1706 12.7692 15.2564 12.7692 16.5956C12.7692 17.9348 11.6696 19.0206 10.3131 19.0206Z" fill="#7209B7"/>
+<path d="M25.0719 19.0052H16.8675C15.5111 19.0052 14.4114 17.9194 14.4114 16.5802C14.4114 15.2409 15.5111 14.155 16.8675 14.155H25.0719C26.4285 14.155 27.5281 15.2408 27.5281 16.58C27.5281 17.9193 26.4285 19.0052 25.0719 19.0052Z" fill="#7209B7"/>
+<path d="M24.8328 11.8301H34.6328C35.9892 11.8301 37.089 10.7444 37.089 9.40514C37.089 8.06581 35.9892 6.98003 34.6328 6.98003H24.8328C23.4763 6.98003 22.3766 8.06581 22.3766 9.40514C22.3766 10.7444 23.4763 11.8301 24.8328 11.8301Z" fill="#4361EE"/>
+<path d="M17.7118 11.8301H7.2426C5.88617 11.8301 4.78643 10.7444 4.78643 9.40514C4.78643 8.06581 5.88617 6.98003 7.2426 6.98003H17.7118C19.0683 6.98003 20.1679 8.06581 20.1679 9.40514C20.1679 10.7444 19.0683 11.8301 17.7118 11.8301Z" fill="#4361EE"/>
+<path d="M32.2771 4.85H26.7515C25.395 4.85 24.2952 3.76433 24.2952 2.425C24.2952 1.08579 25.395 0 26.7515 0H32.2771C33.6336 0 34.7333 1.08579 34.7333 2.425C34.7333 3.76433 33.6336 4.85 32.2771 4.85Z" fill="#4CC9F0"/>
+<path d="M15.1162 4.85H9.59065C8.23411 4.85 7.13437 3.76433 7.13437 2.425C7.13437 1.08579 8.23411 0 9.59065 0H15.1162C16.4728 0 17.5724 1.08579 17.5724 2.425C17.5724 3.76433 16.4728 4.85 15.1162 4.85Z" fill="#4CC9F0"/>
+<path d="M80.7236 11.7114V18.7036H75.8026V12.4719C75.8026 10.3384 74.8398 9.62017 72.8499 9.62017C70.9885 9.62017 69.4052 10.3384 69.4052 12.4719V18.7036H64.4842V12.4719C64.4842 10.3384 63.5214 9.62017 61.5315 9.62017C59.6701 9.62017 58.0869 10.3384 58.0869 12.4719V18.7036H53.1658V6.02906H58.0869V8.26818C59.4561 6.62055 61.2534 5.6066 63.7353 5.6066C66.0032 5.6066 68.0573 6.53592 68.9345 8.85966C70.368 6.87409 72.2722 5.6066 75.0537 5.6066C78.0919 5.6066 80.7236 7.27528 80.7236 11.7114Z" fill="white"/>
+<path d="M95.9785 14.9012V13.9295C94.331 13.6971 92.5123 13.507 90.8649 13.507C88.704 13.507 87.8908 13.7816 87.8908 14.542C87.8908 15.2603 88.5328 15.5349 90.3728 15.5349C91.9132 15.5349 94.5664 15.1335 95.9785 14.9012ZM100.9 12.2184V18.7036H95.9785V17.0136C93.6892 18.4078 90.8649 18.9148 88.6825 18.9148C85.3234 18.9148 82.7558 17.8797 82.7558 14.8801C82.7558 11.4157 86.6071 10.5496 90.1374 10.5496C92.3198 10.5496 94.3096 10.8452 95.9785 11.1834C95.8501 9.43 94.2454 8.98639 91.9988 8.98639C89.7095 8.98639 87.5271 9.30329 84.4889 10.0003L83.8042 6.68392C86.5857 6.07128 89.5812 5.60651 92.9189 5.60651C98.2892 5.60651 100.857 7.38096 100.9 12.2184Z" fill="white"/>
+<path d="M116.219 6.02903H121.204L115.17 18.3867C113.373 22.0624 111.426 24.1959 107.468 24.1959C106.056 24.1959 104.259 23.9213 102.611 23.4566V19.7598C104.515 20.1823 105.863 20.3935 106.74 20.3935C108.388 20.3935 109.094 20.2669 109.993 18.7035H107.682L101.541 6.02903H106.526L111.362 15.9997L116.219 6.02903Z" fill="white"/>
+<path d="M135.668 12.3663C135.668 10.5073 134.363 9.62008 131.752 9.62008C129.142 9.62008 127.837 10.5073 127.837 12.3663C127.837 14.2252 129.142 15.1125 131.752 15.1125C134.363 15.1125 135.668 14.2252 135.668 12.3663ZM140.803 12.3663C140.803 17.4784 137.101 19.1262 133.785 19.1262C131.453 19.1262 129.142 18.4078 127.837 16.4433V18.7036H122.916V1.80417H127.837V8.28935C129.142 6.32471 131.453 5.60651 133.785 5.60651C137.101 5.60651 140.803 7.25414 140.803 12.3663Z" fill="white"/>
+<path d="M147.884 10.7608H155.908C155.352 9.30327 153.982 8.77514 151.864 8.77514C149.789 8.77514 148.419 9.30327 147.884 10.7608ZM156.079 14.1619H160.893C160.037 17.3095 157.448 19.1261 152.057 19.1261C146.28 19.1261 142.728 16.8447 142.728 12.3663C142.728 7.88802 146.515 5.6066 151.864 5.6066C157.363 5.6066 161 8.01463 161 13.169H147.713C148.056 15.0068 149.66 15.5349 152.249 15.5349C154.667 15.5349 155.651 14.9857 156.079 14.1619Z" fill="white"/>
+</svg>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index cbaefcee..a1d253c2 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html class="h-full bg-gray-50">
+<html class="h-full bg-black">
   <head>
     <title>Maybe</title>
     <meta name="viewport" content="width=device-width,initial-scale=1">
@@ -13,12 +13,12 @@
     <%= hotwire_livereload_tags if Rails.env.development? %>
   </head>
 
-  <body class="h-full">
+  <body class="h-full text-white">
     <div>
       <div class="lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col">
-        <div class="flex flex-col px-6 overflow-y-auto bg-white border-r border-gray-200 grow gap-y-5">
+        <div class="flex flex-col px-6 overflow-y-auto bg-gray-800 grow gap-y-5">
           <div class="flex items-center h-16 shrink-0">
-            <%= image_tag "logo-black.svg", class: 'w-auto h-5' %>
+            <%= image_tag "logo-color-dark.svg", class: 'w-auto h-5' %>
           </div>
           <nav class="flex flex-col flex-1">
             <ul role="list" class="flex flex-col flex-1 gap-y-7">
diff --git a/config/tailwind.config.js b/config/tailwind.config.js
index 46cdcc0c..235f83d5 100644
--- a/config/tailwind.config.js
+++ b/config/tailwind.config.js
@@ -12,22 +12,22 @@ module.exports = {
       white: '#f8f9fa',
       black: '#16161a',
       gray: {
-        25: '#dee2e6',
-        50: '#adb5bd',
-        100: '#868e96',
-        200: '#4b4f55',
-        300: '#44474c',
-        400: '#3d4045',
-        500: '#34363c',
-        600: '#2c2d32',
+        25: '#DFE2E6',
+        50: '#ADB5BC',
+        100: '#878E95',
+        200: '#4C4F54',
+        300: '#44474C',
+        400: '#3D4045',
+        500: '#34363C',
+        600: '#2C2D32',
         700: '#232428',
-        800: '#1c1c20',
+        800: '#1C1C20',
       },
       cyan: {
-        50: '#d7f6fa',
-        300: '#d7f6fa',
-        400: '#66d9e8',
-        500: '#69c6d9',
+        50: '#DDF5F9',
+        300: '#ABE7F1',
+        400: '#85D6E6',
+        500: '#69C6D9',
       },
       red: {
         50: '#ffe8e8',