diff --git a/website/src/app.pcss b/website/src/app.pcss
index 170292c5..35226838 100644
--- a/website/src/app.pcss
+++ b/website/src/app.pcss
@@ -65,6 +65,8 @@
  
     --destructive: 0 62.8% 30.6%;
     --destructive-foreground: 210 40% 98%;
+
+    --support: 255 110 190;
  
     --ring: hsl(212.7,26.8%,83.9);
   }
diff --git a/website/src/lib/components/Logo.svelte b/website/src/lib/components/Logo.svelte
index 5824bb10..9060e8cb 100644
--- a/website/src/lib/components/Logo.svelte
+++ b/website/src/lib/components/Logo.svelte
@@ -1,5 +1,11 @@
 <script lang="ts">
 	import { base } from '$app/paths';
+
+	import { mode } from 'mode-watcher';
 </script>
 
-<img src="{base}/logo.svg" alt="Logo of gpx.studio." {...$$restProps} />
+<img
+	src="{base}/logo{$mode === 'dark' ? '-dark' : ''}.svg"
+	alt="Logo of gpx.studio."
+	{...$$restProps}
+/>
diff --git a/website/src/lib/components/Map.svelte b/website/src/lib/components/Map.svelte
index bc9abfc1..aa369e2d 100644
--- a/website/src/lib/components/Map.svelte
+++ b/website/src/lib/components/Map.svelte
@@ -113,6 +113,12 @@
 
 	div :global(.mapboxgl-ctrl-top-right > .mapboxgl-ctrl) {
 		@apply shadow-md;
+		@apply bg-background;
+		@apply text-foreground;
+	}
+
+	div :global(.mapboxgl-ctrl-icon) {
+		@apply dark:brightness-[4.7];
 	}
 
 	div :global(.mapboxgl-ctrl-geocoder) {
@@ -126,10 +132,31 @@
 
 	div :global(.suggestions) {
 		@apply shadow-md;
+		@apply bg-background;
+		@apply text-foreground;
+	}
+
+	div :global(.mapboxgl-ctrl-geocoder .suggestions > li > a) {
+		@apply text-foreground;
+		@apply hover:text-accent-foreground;
+		@apply hover:bg-accent;
+	}
+
+	div :global(.mapboxgl-ctrl-geocoder .suggestions > .active > a) {
+		@apply bg-background;
+	}
+
+	div :global(.mapboxgl-ctrl-geocoder--button) {
+		@apply bg-transparent;
+		@apply hover:bg-transparent;
+	}
+
+	div :global(.mapboxgl-ctrl-geocoder--icon) {
+		@apply fill-foreground;
+		@apply hover:fill-accent-foreground;
 	}
 
 	div :global(.mapboxgl-ctrl-geocoder--icon-search) {
-		@apply fill-inherit;
 		@apply relative;
 		@apply top-0;
 		@apply left-0;
@@ -145,6 +172,7 @@
 		@apply focus:outline-none;
 		@apply transition-[width];
 		@apply duration-200;
+		@apply text-foreground;
 	}
 
 	div :global(.mapboxgl-ctrl-geocoder--collapsed .mapboxgl-ctrl-geocoder--input) {
@@ -169,6 +197,26 @@
 		@apply bottom-[42px];
 	}
 
+	div :global(.mapboxgl-ctrl-attrib) {
+		@apply dark:bg-transparent;
+	}
+
+	div :global(.mapboxgl-compact-show.mapboxgl-ctrl-attrib) {
+		@apply dark:bg-background;
+	}
+
+	div :global(.mapboxgl-ctrl-attrib-button) {
+		@apply dark:bg-foreground;
+	}
+
+	div :global(.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button) {
+		@apply dark:bg-foreground;
+	}
+
+	div :global(.mapboxgl-ctrl-attrib a) {
+		@apply text-foreground;
+	}
+
 	div :global(.mapboxgl-popup) {
 		@apply w-fit;
 		@apply z-20;
@@ -182,5 +230,6 @@
 
 	div :global(.mapboxgl-popup-tip) {
 		@apply drop-shadow-md;
+		@apply border-t-background;
 	}
 </style>
diff --git a/website/static/logo-dark.svg b/website/static/logo-dark.svg
new file mode 100644
index 00000000..3ad31ff3
--- /dev/null
+++ b/website/static/logo-dark.svg
@@ -0,0 +1,167 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg2"
+   width="1178.6102"
+   height="251.79297"
+   viewBox="0 0 1178.6102 251.79297"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs6">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath18">
+      <path
+         d="M 0,1260 H 1200 V 0 H 0 Z"
+         id="path16" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath64">
+      <path
+         d="M 418.129,207.977 H 632.177 V 422.024 H 418.129 Z"
+         id="path62" />
+    </clipPath>
+  </defs>
+  <g
+     id="g8"
+     transform="matrix(1.3333333,0,0,-1.3333333,-221.36172,545.79333)">
+    <g
+       id="g12">
+      <g
+         id="g14"
+         clip-path="url(#clipPath18)">
+        <g
+           id="g22"
+           transform="translate(232.4053,313.6836)">
+          <path
+             d="m 0,0 c 0,22.193 -11.968,30.28 -23.375,30.28 -14.959,0 -23.749,-11.871 -23.749,-29.075 0,-19.269 11.594,-27.699 23.001,-27.699 C -12.155,-26.494 0,-17.893 0,0 m 15.006,43.871 c 1.833,0 3.32,-1.486 3.32,-3.319 v -76.509 c 0,-28.387 -20.196,-38.602 -44.319,-38.602 -10.021,0 -21.107,1.47 -30.145,5.366 -0.433,0.186 -0.709,0.618 -0.709,1.089 l 2,14.243 c 0,0.884 0.936,1.458 1.718,1.043 7.85,-4.171 16.044,-6.257 25.266,-6.257 17.391,0 27.863,5.398 27.863,23.291 0,2.866 -3.378,4.372 -5.524,2.471 -5.548,-4.914 -12.87,-7.633 -21.965,-7.633 -19.822,0 -38.895,13.763 -38.895,41.806 0,25.29 15.147,44.215 38.895,44.215 9.531,0 16.72,-2.931 21.964,-7.817 C -3.429,35.305 0,36.87 0,39.734 v 0.818 c 0,1.833 1.486,3.319 3.319,3.319 z"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path24" />
+        </g>
+        <g
+           id="g26"
+           transform="translate(333.7568,314.3721)">
+          <path
+             d="m 0,0 c 0,18.581 -10.659,29.592 -24.497,29.592 -12.341,0 -26.179,-7.399 -26.179,-29.764 0,-22.021 14.025,-30.279 25.432,-30.279 C -11.033,-30.451 0,-19.957 0,0 m -50.676,38.597 c 0,-2.851 3.367,-4.388 5.499,-2.495 5.86,5.202 13.751,8.285 23.673,8.285 25.431,0 40.391,-19.097 40.391,-44.215 0,-25.979 -15.708,-45.419 -40.765,-45.419 -9.372,0 -17.28,2.888 -23.33,8.231 -2.121,1.873 -5.468,0.301 -5.468,-2.528 V -74.1 c 0,-1.833 -1.486,-3.319 -3.32,-3.319 h -11.686 c -1.834,0 -3.319,1.486 -3.319,3.319 V 39.863 c 0,1.833 1.485,3.32 3.319,3.32 h 11.686 c 1.834,0 3.32,-1.487 3.32,-3.32 z"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path28" />
+        </g>
+        <g
+           id="g30"
+           transform="translate(430.8999,270.3291)">
+          <path
+             d="m 0,0 h -12.5 c -1.125,0 -2.173,0.569 -2.785,1.513 l -17.064,26.305 c -1.289,1.989 -4.187,2.024 -5.525,0.068 L -55.951,1.445 C -56.569,0.541 -57.595,0 -58.691,0 h -11.917 c -2.715,0 -4.282,3.08 -2.683,5.274 l 27.106,37.191 c 0.837,1.148 0.85,2.703 0.031,3.866 l -25.24,35.835 c -1.549,2.199 0.024,5.231 2.714,5.231 h 12.548 c 1.128,0 2.18,-0.574 2.791,-1.523 l 16.089,-24.996 c 1.297,-2.015 4.236,-2.033 5.559,-0.035 l 16.591,25.067 c 0.615,0.929 1.655,1.487 2.769,1.487 H -0.09 c 2.717,0 4.283,-3.086 2.678,-5.28 l -26.32,-35.965 c -0.846,-1.156 -0.855,-2.725 -0.022,-3.89 L 2.7,5.249 C 4.271,3.053 2.7,0 0,0"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path32" />
+        </g>
+        <g
+           id="g34"
+           transform="translate(661.999,347.6797)">
+          <path
+             d="m 0,0 c 0,-1.817 -1.458,-3.296 -3.274,-3.319 -4.091,-0.051 -11.165,-0.128 -16.198,-0.128 -7.328,0 -11.601,-4.129 -11.601,-9.979 0,-7.742 7.785,-10.839 15.877,-14.968 9.923,-4.989 19.235,-11.354 19.235,-24.946 0,-15.828 -10.686,-24.946 -27.174,-24.946 -8.079,0 -15.698,0.307 -20.764,2.185 -1.293,0.48 -2.136,1.729 -2.136,3.108 v 8.33 c 0,2.352 2.387,3.978 4.558,3.074 5.266,-2.193 11.511,-2.933 17.579,-2.933 8.243,0 12.518,4.128 12.518,9.978 0,7.914 -7.176,11.183 -16.946,15.828 -8.855,4.129 -18.167,10.666 -18.167,24.774 0,15.828 12.06,24.602 26.716,24.602 7.286,0 10.416,-0.256 16.672,-0.664 C -1.36,9.883 0,8.433 0,6.684 Z"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path36" />
+        </g>
+        <g
+           id="g38"
+           transform="translate(703.2998,296.4043)">
+          <path
+             d="m 0,0 c 0,-8.258 4.488,-12.559 13.09,-12.559 2.787,0 5.79,0.531 8.472,1.51 2.156,0.786 4.43,-0.83 4.43,-3.124 v -7.54 c 0,-1.396 -0.868,-2.652 -2.183,-3.123 -4.047,-1.45 -9.36,-2.175 -12.963,-2.175 -20.383,0 -29.359,9.979 -29.359,27.355 v 44.337 c 0,1.833 -1.486,3.319 -3.319,3.319 h -5.134 c -1.833,0 -3.319,1.486 -3.319,3.319 v 6.437 c 0,1.833 1.486,3.319 3.319,3.319 h 5.134 c 1.833,0 3.319,1.487 3.319,3.32 v 14.694 c 0,1.833 1.487,3.319 3.32,3.319 H -3.319 C -1.486,82.408 0,80.922 0,79.089 V 64.395 c 0,-1.833 1.486,-3.32 3.319,-3.32 h 18.232 c 1.833,0 3.319,-1.486 3.319,-3.319 V 51.319 C 24.87,49.486 23.384,48 21.551,48 H 3.319 C 1.486,48 0,46.514 0,44.681 Z"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path40" />
+        </g>
+        <g
+           id="g42"
+           transform="translate(817.0576,354.1602)">
+          <path
+             d="m 0,0 v -80.587 c 0,-1.833 -1.486,-3.319 -3.319,-3.319 h -11.687 c -1.833,0 -3.319,1.486 -3.319,3.319 v 1.384 c 0,2.956 -3.523,4.385 -5.664,2.348 -5.663,-5.389 -13.782,-8.083 -23.882,-8.083 -18.699,0 -30.48,10.667 -30.48,28.731 V 0 c 0,1.833 1.487,3.319 3.32,3.319 h 11.873 c 1.833,0 3.319,-1.486 3.319,-3.319 v -52.078 c 0,-12.215 7.107,-18.409 17.952,-18.409 14.025,0 23.562,9.291 23.562,26.323 V 0 c 0,1.833 1.486,3.319 3.319,3.319 H -3.319 C -1.486,3.319 0,1.833 0,0"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path44" />
+        </g>
+        <g
+           id="g46"
+           transform="translate(896.3457,314.4687)">
+          <path
+             d="m 0,0 c 0,22.021 -14.586,29.42 -25.245,29.42 -13.838,0 -25.244,-10.151 -25.244,-30.796 0,-17.549 10.658,-29.247 24.683,-29.247 C -12.716,-30.623 0,-22.193 0,0 M 18.513,74.101 V -40.896 c 0,-1.833 -1.487,-3.319 -3.32,-3.319 H 3.319 C 1.486,-44.215 0,-42.729 0,-40.896 v 1.19 c 0,2.843 -3.357,4.391 -5.486,2.509 -5.883,-5.202 -13.665,-8.222 -23.499,-8.222 -26.179,0 -40.391,21.161 -40.391,44.387 0,27.699 17.203,45.247 40.765,45.247 9.109,0 17.063,-2.996 23.154,-8.335 C -3.335,34.02 0,35.597 0,38.419 v 35.682 c 0,1.833 1.486,3.319 3.319,3.319 h 11.874 c 1.833,0 3.32,-1.486 3.32,-3.319"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path48" />
+        </g>
+        <g
+           id="g50"
+           transform="translate(949.9541,376.2646)">
+          <path
+             d="m 0,0 c 0,-5.523 -4.478,-10 -10,-10 -5.523,0 -10,4.477 -10,10 0,5.522 4.477,10 10,10 C -4.478,10 0,5.522 0,0 m -15.883,-18.785 h 11.874 c 1.833,0 3.32,-1.486 3.32,-3.319 v -80.587 c 0,-1.833 -1.487,-3.32 -3.32,-3.32 h -11.874 c -1.833,0 -3.319,1.487 -3.319,3.32 v 80.587 c 0,1.833 1.486,3.319 3.319,3.319"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path52" />
+        </g>
+        <g
+           id="g54"
+           transform="translate(979.041,313.6084)">
+          <path
+             d="m 0,0 c 0,-16.516 9.334,-30.623 25.762,-30.623 17.734,0 25.948,13.936 25.948,30.451 0,16.517 -7.094,30.968 -26.135,30.968 C 8.588,30.796 0,16.345 0,0 m -19.041,-0.516 c 0,25.634 17.361,45.591 44.803,45.591 29.869,0 45.176,-19.957 45.176,-44.903 0,-25.118 -16.054,-45.075 -45.176,-45.075 -28.935,0 -44.803,19.785 -44.803,44.387"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path56" />
+        </g>
+      </g>
+    </g>
+    <g
+       id="g58">
+      <g
+         id="g60"
+         clip-path="url(#clipPath64)">
+        <g
+           id="g66"
+           transform="translate(525.0752,358.501)">
+          <path
+             d="m 0,0 c -24.068,0 -43.579,-19.511 -43.579,-43.579 0,-24.067 19.511,-43.578 43.579,-43.578 24.068,0 43.579,19.511 43.579,43.578 C 43.579,-19.511 24.068,0 0,0 m 58.863,-49.872 c -0.325,-3.089 1.209,-6.078 3.896,-7.631 l 6.286,-3.633 c 3.769,-2.177 5.06,-6.997 2.886,-10.767 L 60.44,-91.823 c -2.177,-3.776 -7.004,-5.069 -10.777,-2.888 l -6.265,3.62 c -2.69,1.555 -6.05,1.399 -8.559,-0.432 -3.365,-2.457 -7.001,-4.568 -10.852,-6.28 -2.833,-1.259 -4.645,-4.086 -4.645,-7.188 v -7.252 c 0,-4.356 -3.531,-7.887 -7.886,-7.887 h -22.971 c -4.355,0 -7.885,3.531 -7.885,7.886 v 7.253 c 0,3.102 -1.813,5.929 -4.645,7.188 -3.851,1.712 -7.487,3.823 -10.853,6.28 -2.509,1.831 -5.869,1.987 -8.559,0.432 l -6.277,-3.628 c -3.767,-2.177 -8.584,-0.885 -10.759,2.886 l -11.495,19.928 c -2.175,3.77 -0.885,8.592 2.883,10.768 l 6.287,3.634 c 2.688,1.553 4.222,4.542 3.896,7.631 -0.217,2.059 -0.329,4.148 -0.329,6.264 0,2.116 0.112,4.206 0.329,6.263 0.326,3.09 -1.208,6.079 -3.896,7.632 l -6.285,3.632 c -3.77,2.179 -5.061,6.998 -2.886,10.769 l 11.496,19.929 c 2.175,3.771 6.992,5.062 10.759,2.885 l 6.286,-3.632 c 2.691,-1.555 6.048,-1.389 8.558,0.442 3.364,2.456 6.996,4.564 10.845,6.274 2.832,1.26 4.645,4.087 4.645,7.188 v 7.253 c 0,4.356 3.53,7.887 7.886,7.887 h 22.97 c 4.355,0 7.886,-3.531 7.886,-7.887 v -7.253 c 0,-3.101 1.812,-5.928 4.645,-7.188 3.848,-1.71 7.481,-3.818 10.845,-6.274 2.51,-1.831 5.867,-1.997 8.557,-0.442 l 6.287,3.632 C 53.443,9.679 58.26,8.388 60.435,4.617 L 71.93,-15.312 c 2.175,-3.771 0.884,-8.59 -2.885,-10.769 l -6.286,-3.632 c -2.687,-1.553 -4.221,-4.542 -3.896,-7.632 0.218,-2.057 0.33,-4.147 0.33,-6.263 0,-2.116 -0.112,-4.205 -0.33,-6.264"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path68" />
+        </g>
+        <g
+           id="g70"
+           transform="translate(568.4053,407.8447)">
+          <path
+             d="m 0,0 -17,-8.491 -37.042,-79.437 21.423,-9.99 37.042,79.437 z"
+             style="fill:#3b3735;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path72" />
+        </g>
+        <g
+           id="g74"
+           transform="translate(516.3564,320.6426)">
+          <path
+             d="M 0,0 18.705,-8.723 54.892,68.881 51.03,85.017 36.187,77.603 Z m 19.43,-12.216 c -0.217,0 -0.433,0.047 -0.634,0.141 l -21.423,9.99 c -0.751,0.35 -1.076,1.242 -0.726,1.993 l 37.042,79.437 c 0.143,0.307 0.386,0.556 0.689,0.708 l 17,8.491 c 0.41,0.205 0.89,0.211 1.305,0.018 0.414,-0.194 0.718,-0.566 0.825,-1.01 L 57.931,69.07 c 0.079,-0.33 0.044,-0.676 -0.099,-0.983 L 20.79,-11.35 c -0.168,-0.36 -0.473,-0.639 -0.847,-0.775 -0.166,-0.061 -0.339,-0.091 -0.513,-0.091"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path76" />
+        </g>
+        <g
+           id="g78"
+           transform="translate(535.7866,309.9277)">
+          <path
+             d="m 0,0 -21.423,9.989 -37.042,-79.435 4.423,-18.482 17,8.491 z"
+             style="fill:#e62d2d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path80" />
+        </g>
+        <g
+           id="g82"
+           transform="translate(478.9023,240.3213)">
+          <path
+             d="m 0,0 3.861,-16.136 14.844,7.414 36.186,77.603 -18.704,8.722 z m 2.842,-19.821 c -0.216,0 -0.432,0.047 -0.634,0.14 -0.415,0.194 -0.718,0.566 -0.825,1.011 L -3.04,-0.188 c -0.078,0.329 -0.043,0.675 0.1,0.982 l 37.042,79.435 c 0.349,0.751 1.242,1.076 1.993,0.726 l 21.423,-9.989 c 0.361,-0.168 0.64,-0.473 0.776,-0.847 0.136,-0.373 0.118,-0.786 -0.05,-1.146 L 21.202,-10.464 c -0.143,-0.307 -0.386,-0.557 -0.689,-0.708 l -17,-8.491 c -0.211,-0.106 -0.441,-0.158 -0.671,-0.158"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path84" />
+        </g>
+        <g
+           id="g86"
+           transform="translate(541.7656,314.9219)">
+          <path
+             d="m 0,0 c 0,-9.218 -7.473,-16.69 -16.69,-16.69 -9.218,0 -16.691,7.472 -16.691,16.69 0,9.218 7.473,16.69 16.691,16.69 C -7.473,16.69 0,9.218 0,0"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path88" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>