(style) update color theme

Author: akollegger

src/components/GrSiteFooter.astro

@@ -9,7 +9,7 @@ import neo4jLogoImage from "../assets/images/neo4j-logo-white.png";
     justify-content: space-between;
     padding: 1em;
     color: white;
-    background-color: #05035A;
+    background-color: #002B43;
   }
   .credits {
     ;
@@ -35,7 +35,7 @@ import neo4jLogoImage from "../assets/images/neo4j-logo-white.png";
     text-align: left;
   }
   p.fineprint, .fineprint a {
-    color: var(--sl-color-text-invert);
+    color: #FCF9F6;
   }
 
 </style>

tailwind.config.mjs

@@ -1,11 +1,26 @@
 /** @type {import('tailwindcss').Config} */
+
 import starlightPlugin from '@astrojs/starlight-tailwind';
 
+// custom color theme
+const accent = { 200: '#8FE3E8', 600: '#0A6190', 900: '#014063', 950: '#002B43' };
+const gray = { 100: '#f3f7f9', 200: '#e7eff2', 300: '#bac4c8', 400: '#7b8f96', 500: '#495c62', 700: '#2a3b41', 800: '#182a2f', 900: '#121a1c' };
 
+/** @type {import('tailwindcss').Config} */
 export default {
-	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
-	theme: {
-		extend: {},
-	},
-	plugins: [starlightPlugin()],
-}
+  content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
+  theme: {
+    extend: {
+      colors: {
+        accent, gray,
+      },
+      fontFamily: {
+        // Your preferred text font. Starlight uses a system font stack by default.
+        sans: ['"Atkinson Hyperlegible"'],
+        // Your preferred code font. Starlight uses system monospace fonts by default.
+        mono: ['"IBM Plex Mono"'],
+      },
+    },
+  },
+  plugins: [starlightPlugin()],
+};