docs: change accent color (#2407)

docs/astro.config.mjs

@@ -10,7 +10,9 @@ export default defineConfig({
       editLink: {
         baseUrl: "https://github.com/loculus-project/loculus/edit/main/docs/",
       },
-
+      customCss: [
+        "./src/styles/custom.css",
+      ],
       social: {
         github: "https://github.com/loculus-project/loculus",
       },

docs/src/styles/custom.css

@@ -0,0 +1,29 @@
+/* Dark mode colors. */
+:root {
+    --sl-color-accent-low: #112734;
+    --sl-color-accent: #0672a1;
+    --sl-color-accent-high: #b3cdde;
+    --sl-color-white: #ffffff;
+    --sl-color-gray-1: #eceef2;
+    --sl-color-gray-2: #c0c2c7;
+    --sl-color-gray-3: #888b96;
+    --sl-color-gray-4: #545861;
+    --sl-color-gray-5: #353841;
+    --sl-color-gray-6: #24272f;
+    --sl-color-black: #17181c;
+}
+/* Light mode colors. */
+:root[data-theme='light'] {
+    --sl-color-accent-low: #c6dae7;
+    --sl-color-accent: #0c74a3;
+    --sl-color-accent-high: #11364b;
+    --sl-color-white: #17181c;
+    --sl-color-gray-1: #24272f;
+    --sl-color-gray-2: #353841;
+    --sl-color-gray-3: #545861;
+    --sl-color-gray-4: #888b96;
+    --sl-color-gray-5: #c0c2c7;
+    --sl-color-gray-6: #eceef2;
+    --sl-color-gray-7: #f5f6f8;
+    --sl-color-black: #ffffff;
+}