WorldMap Darkmode

src/lib/components/WorldMap.svelte

@@ -111,4 +111,21 @@
     r: 8;
     cursor: pointer;
   }
+
+  :global(.dark .map-wrapper) {
+    background-color: var(--black);
+  }
+
+  :global(.dark .country) {
+      fill: #121212;
+      stroke: var(--gray-700);
+  }
+
+  :global(.dark .country:hover) {
+      fill: #5a1c05;
+  }
+
+  :global(.dark .marker) {
+      fill: var(--memory-500);
+  }
 </style> 

src/lib/constants/Colors.ts

@@ -1,6 +1,6 @@
 export const Colors = {
     white: '#FFFFFF',
-    black: '#000000',
+    black: '#121212',
     gray: {
         light50: '#F0F0F0',
         light100: '#E6E6E6',
@@ -11,7 +11,7 @@ export const Colors = {
         med600: '#727272',
         dark700: '#5E5E5E',
         dark800: '#4B4B4B',
-        dark900: '#393939'
+        dark900: '#262626'
     },
     planner: {
         light50: '#A5FFFF',