@astrojs/starlight 0.5.6 → 0.6.0

package/style/props.css

@@ -1,185 +1,181 @@
 :root,
 ::backdrop {
-  /* Colors (dark mode) */
-  --sl-color-white: hsl(0, 0%, 100%); /* “white” */
-  --sl-color-gray-1: hsl(231, 23%, 94%);
-  --sl-color-gray-2: hsl(228, 8%, 77%);
-  --sl-color-gray-3: hsl(221, 8%, 56%);
-  --sl-color-gray-4: hsl(225, 9%, 36%);
-  --sl-color-gray-5: hsl(222, 11%, 23%);
-  --sl-color-gray-6: hsl(222, 13%, 16%);
-  --sl-color-black: hsl(223, 13%, 10%);
-
-  --sl-hue-orange: 41;
-  --sl-color-orange-low: hsl(var(--sl-hue-orange), 39%, 22%);
-  --sl-color-orange: hsl(var(--sl-hue-orange), 82%, 63%);
-  --sl-color-orange-high: hsl(var(--sl-hue-orange), 82%, 87%);
-  --sl-hue-green: 101;
-  --sl-color-green-low: hsl(var(--sl-hue-green), 39%, 22%);
-  --sl-color-green: hsl(var(--sl-hue-green), 82%, 63%);
-  --sl-color-green-high: hsl(var(--sl-hue-green), 82%, 80%);
-  --sl-hue-blue: 234;
-  --sl-color-blue-low: hsl(var(--sl-hue-blue), 54%, 20%);
-  --sl-color-blue: hsl(var(--sl-hue-blue), 100%, 60%);
-  --sl-color-blue-high: hsl(var(--sl-hue-blue), 100%, 87%);
-  --sl-hue-purple: 281;
-  --sl-color-purple-low: hsl(var(--sl-hue-purple), 39%, 22%);
-  --sl-color-purple: hsl(var(--sl-hue-purple), 82%, 63%);
-  --sl-color-purple-high: hsl(var(--sl-hue-purple), 82%, 89%);
-  --sl-hue-red: 339;
-  --sl-color-red-low: hsl(var(--sl-hue-red), 39%, 22%);
-  --sl-color-red: hsl(var(--sl-hue-red), 82%, 63%);
-  --sl-color-red-high: hsl(var(--sl-hue-red), 82%, 87%);
-
-  --sl-hue-accent: var(--sl-hue-blue);
-  --sl-color-accent-low: hsl(var(--sl-hue-accent), 54%, 20%);
-  --sl-color-accent: hsl(var(--sl-hue-accent), 100%, 60%);
-  --sl-color-accent-high: hsl(var(--sl-hue-accent), 100%, 87%);
-
-  --sl-color-text: var(--sl-color-gray-2);
-  --sl-color-text-accent: var(--sl-color-accent-high);
-  --sl-color-text-invert: var(--sl-color-accent-low);
-  --sl-color-bg: var(--sl-color-black);
-  --sl-color-bg-nav: var(--sl-color-gray-6);
-  --sl-color-bg-sidebar: var(--sl-color-gray-6);
-  --sl-color-bg-inline-code: var(--sl-color-gray-5);
-  --sl-color-hairline-light: var(--sl-color-gray-5);
-  --sl-color-hairline: var(--sl-color-gray-6);
-  --sl-color-hairline-shade: var(--sl-color-black);
-
-  --sl-color-backdrop-overlay: hsla(223, 13%, 10%, 0.66);
-
-  /* Shadows (dark mode) */
-  --sl-shadow-sm: 0px 1px 1px hsla(0, 0%, 0%, 0.12),
-    0px 2px 1px hsla(0, 0%, 0%, 0.24);
-  --sl-shadow-md: 0px 8px 4px hsla(0, 0%, 0%, 0.08),
-    0px 5px 2px hsla(0, 0%, 0%, 0.08), 0px 3px 2px hsla(0, 0%, 0%, 0.12),
-    0px 1px 1px hsla(0, 0%, 0%, 0.15);
-  --sl-shadow-lg: 0px 25px 7px hsla(0, 0%, 0%, 0.03),
-    0px 16px 6px hsla(0, 0%, 0%, 0.1), 0px 9px 5px hsla(223, 13%, 10%, 0.33),
-    0px 4px 4px hsla(0, 0%, 0%, 0.75), 0px 4px 2px hsla(0, 0%, 0%, 0.25);
-
-  /* Text size and line height */
-  --sl-text-xs: 0.8125rem; /* 13px */
-  --sl-text-sm: 0.875rem; /* 14px */
-  --sl-text-base: 1rem; /* 16px */
-  --sl-text-lg: 1.125rem; /* 18px */
-  --sl-text-xl: 1.25rem; /* 20px */
-  --sl-text-2xl: 1.5rem; /* 24px */
-  --sl-text-3xl: 1.8125rem; /* 29px */
-  --sl-text-4xl: 2.1875rem; /* 35px */
-  --sl-text-5xl: 2.625rem; /* 42px */
-  --sl-text-6xl: 4rem; /* 64px */
-
-  --sl-text-body: var(--sl-text-base);
-  --sl-text-body-sm: var(--sl-text-xs);
-  --sl-text-code: var(--sl-text-sm);
-  --sl-text-code-sm: var(--sl-text-xs);
-  --sl-text-h1: var(--sl-text-4xl);
-  --sl-text-h2: var(--sl-text-3xl);
-  --sl-text-h3: var(--sl-text-2xl);
-  --sl-text-h4: var(--sl-text-xl);
-  --sl-text-h5: var(--sl-text-lg);
-
-  --sl-line-height: 1.8;
-  --sl-line-height-headings: 1.2;
-
-  --sl-font-system: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
-    'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
-    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-  --sl-font-system-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
-    'Liberation Mono', 'Courier New', monospace;
-  --__sl-font: var(--sl-font, ''), var(--sl-font-system);
-  --__sl-font-mono: var(--sl-font-mono, ''), var(--sl-font-system-mono);
-
-  /** Key layout values */
-  --sl-nav-height: 3.5rem;
-  --sl-nav-pad-x: 1rem;
-  --sl-nav-pad-y: 0.75rem;
-  --sl-mobile-toc-height: 3rem;
-  --sl-sidebar-width: 18.75rem;
-  --sl-sidebar-pad-x: 1rem;
-  --sl-content-width: 45rem;
-  --sl-content-pad-x: 1rem;
-  --sl-menu-button-size: 2rem;
-  --sl-nav-gap: var(--sl-content-pad-x);
-  /* Offset required to show outline inside an element instead of round the outside */
-  --sl-outline-offset-inside: -0.1875rem;
-
-  /* Global z-index values */
-  --sl-z-index-menu: 5;
-  --sl-z-index-navbar: 10;
-  --sl-z-index-skiplink: 20;
+	/* Colors (dark mode) */
+	--sl-color-white: hsl(0, 0%, 100%); /* “white” */
+	--sl-color-gray-1: hsl(231, 23%, 94%);
+	--sl-color-gray-2: hsl(228, 8%, 77%);
+	--sl-color-gray-3: hsl(221, 8%, 56%);
+	--sl-color-gray-4: hsl(225, 9%, 36%);
+	--sl-color-gray-5: hsl(222, 11%, 23%);
+	--sl-color-gray-6: hsl(222, 13%, 16%);
+	--sl-color-black: hsl(223, 13%, 10%);
+
+	--sl-hue-orange: 41;
+	--sl-color-orange-low: hsl(var(--sl-hue-orange), 39%, 22%);
+	--sl-color-orange: hsl(var(--sl-hue-orange), 82%, 63%);
+	--sl-color-orange-high: hsl(var(--sl-hue-orange), 82%, 87%);
+	--sl-hue-green: 101;
+	--sl-color-green-low: hsl(var(--sl-hue-green), 39%, 22%);
+	--sl-color-green: hsl(var(--sl-hue-green), 82%, 63%);
+	--sl-color-green-high: hsl(var(--sl-hue-green), 82%, 80%);
+	--sl-hue-blue: 234;
+	--sl-color-blue-low: hsl(var(--sl-hue-blue), 54%, 20%);
+	--sl-color-blue: hsl(var(--sl-hue-blue), 100%, 60%);
+	--sl-color-blue-high: hsl(var(--sl-hue-blue), 100%, 87%);
+	--sl-hue-purple: 281;
+	--sl-color-purple-low: hsl(var(--sl-hue-purple), 39%, 22%);
+	--sl-color-purple: hsl(var(--sl-hue-purple), 82%, 63%);
+	--sl-color-purple-high: hsl(var(--sl-hue-purple), 82%, 89%);
+	--sl-hue-red: 339;
+	--sl-color-red-low: hsl(var(--sl-hue-red), 39%, 22%);
+	--sl-color-red: hsl(var(--sl-hue-red), 82%, 63%);
+	--sl-color-red-high: hsl(var(--sl-hue-red), 82%, 87%);
+
+	--sl-hue-accent: var(--sl-hue-blue);
+	--sl-color-accent-low: hsl(var(--sl-hue-accent), 54%, 20%);
+	--sl-color-accent: hsl(var(--sl-hue-accent), 100%, 60%);
+	--sl-color-accent-high: hsl(var(--sl-hue-accent), 100%, 87%);
+
+	--sl-color-text: var(--sl-color-gray-2);
+	--sl-color-text-accent: var(--sl-color-accent-high);
+	--sl-color-text-invert: var(--sl-color-accent-low);
+	--sl-color-bg: var(--sl-color-black);
+	--sl-color-bg-nav: var(--sl-color-gray-6);
+	--sl-color-bg-sidebar: var(--sl-color-gray-6);
+	--sl-color-bg-inline-code: var(--sl-color-gray-5);
+	--sl-color-hairline-light: var(--sl-color-gray-5);
+	--sl-color-hairline: var(--sl-color-gray-6);
+	--sl-color-hairline-shade: var(--sl-color-black);
+
+	--sl-color-backdrop-overlay: hsla(223, 13%, 10%, 0.66);
+
+	/* Shadows (dark mode) */
+	--sl-shadow-sm: 0px 1px 1px hsla(0, 0%, 0%, 0.12), 0px 2px 1px hsla(0, 0%, 0%, 0.24);
+	--sl-shadow-md: 0px 8px 4px hsla(0, 0%, 0%, 0.08), 0px 5px 2px hsla(0, 0%, 0%, 0.08),
+		0px 3px 2px hsla(0, 0%, 0%, 0.12), 0px 1px 1px hsla(0, 0%, 0%, 0.15);
+	--sl-shadow-lg: 0px 25px 7px hsla(0, 0%, 0%, 0.03), 0px 16px 6px hsla(0, 0%, 0%, 0.1),
+		0px 9px 5px hsla(223, 13%, 10%, 0.33), 0px 4px 4px hsla(0, 0%, 0%, 0.75),
+		0px 4px 2px hsla(0, 0%, 0%, 0.25);
+
+	/* Text size and line height */
+	--sl-text-xs: 0.8125rem; /* 13px */
+	--sl-text-sm: 0.875rem; /* 14px */
+	--sl-text-base: 1rem; /* 16px */
+	--sl-text-lg: 1.125rem; /* 18px */
+	--sl-text-xl: 1.25rem; /* 20px */
+	--sl-text-2xl: 1.5rem; /* 24px */
+	--sl-text-3xl: 1.8125rem; /* 29px */
+	--sl-text-4xl: 2.1875rem; /* 35px */
+	--sl-text-5xl: 2.625rem; /* 42px */
+	--sl-text-6xl: 4rem; /* 64px */
+
+	--sl-text-body: var(--sl-text-base);
+	--sl-text-body-sm: var(--sl-text-xs);
+	--sl-text-code: var(--sl-text-sm);
+	--sl-text-code-sm: var(--sl-text-xs);
+	--sl-text-h1: var(--sl-text-4xl);
+	--sl-text-h2: var(--sl-text-3xl);
+	--sl-text-h3: var(--sl-text-2xl);
+	--sl-text-h4: var(--sl-text-xl);
+	--sl-text-h5: var(--sl-text-lg);
+
+	--sl-line-height: 1.8;
+	--sl-line-height-headings: 1.2;
+
+	--sl-font-system: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+		'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+		'Segoe UI Symbol', 'Noto Color Emoji';
+	--sl-font-system-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
+		'Courier New', monospace;
+	--__sl-font: var(--sl-font, ''), var(--sl-font-system);
+	--__sl-font-mono: var(--sl-font-mono, ''), var(--sl-font-system-mono);
+
+	/** Key layout values */
+	--sl-nav-height: 3.5rem;
+	--sl-nav-pad-x: 1rem;
+	--sl-nav-pad-y: 0.75rem;
+	--sl-mobile-toc-height: 3rem;
+	--sl-sidebar-width: 18.75rem;
+	--sl-sidebar-pad-x: 1rem;
+	--sl-content-width: 45rem;
+	--sl-content-pad-x: 1rem;
+	--sl-menu-button-size: 2rem;
+	--sl-nav-gap: var(--sl-content-pad-x);
+	/* Offset required to show outline inside an element instead of round the outside */
+	--sl-outline-offset-inside: -0.1875rem;
+
+	/* Global z-index values */
+	--sl-z-index-menu: 5;
+	--sl-z-index-navbar: 10;
+	--sl-z-index-skiplink: 20;
 }
 
 :root[data-theme='light'],
 [data-theme='light'] ::backdrop {
-  /* Colours (light mode) */
-  --sl-color-white: hsl(223, 13%, 10%);
-  --sl-color-gray-1: hsl(222, 13%, 16%);
-  --sl-color-gray-2: hsl(222, 11%, 23%);
-  --sl-color-gray-3: hsl(225, 9%, 36%);
-  --sl-color-gray-4: hsl(221, 8%, 56%);
-  --sl-color-gray-5: hsl(228, 8%, 77%);
-  --sl-color-gray-6: hsl(231, 23%, 94%);
-  --sl-color-gray-7: hsl(240, 20%, 97%);
-  --sl-color-black: hsl(0, 0%, 100%);
-
-  --sl-color-orange-high: hsl(var(--sl-hue-orange), 80%, 25%);
-  --sl-color-orange: hsl(var(--sl-hue-orange), 90%, 60%);
-  --sl-color-orange-low: hsl(var(--sl-hue-orange), 90%, 88%);
-  --sl-color-green-high: hsl(var(--sl-hue-green), 80%, 22%);
-  --sl-color-green: hsl(var(--sl-hue-green), 90%, 46%);
-  --sl-color-green-low: hsl(var(--sl-hue-green), 85%, 90%);
-  --sl-color-blue-high: hsl(var(--sl-hue-blue), 80%, 30%);
-  --sl-color-blue: hsl(var(--sl-hue-blue), 90%, 60%);
-  --sl-color-blue-low: hsl(var(--sl-hue-blue), 88%, 90%);
-  --sl-color-purple-high: hsl(var(--sl-hue-purple), 90%, 30%);
-  --sl-color-purple: hsl(var(--sl-hue-purple), 90%, 60%);
-  --sl-color-purple-low: hsl(var(--sl-hue-purple), 80%, 90%);
-  --sl-color-red-high: hsl(var(--sl-hue-red), 80%, 30%);
-  --sl-color-red: hsl(var(--sl-hue-red), 90%, 60%);
-  --sl-color-red-low: hsl(var(--sl-hue-red), 80%, 90%);
-
-  --sl-color-accent-high: hsl(var(--sl-hue-accent), 80%, 30%);
-  --sl-color-accent: hsl(var(--sl-hue-accent), 90%, 60%);
-  --sl-color-accent-low: hsl(var(--sl-hue-accent), 88%, 90%);
-
-  --sl-color-text-accent: var(--sl-color-accent);
-  --sl-color-text-invert: var(--sl-color-black);
-  --sl-color-bg-nav: var(--sl-color-gray-7);
-  --sl-color-bg-sidebar: var(--sl-color-bg);
-  --sl-color-bg-inline-code: var(--sl-color-gray-6);
-  --sl-color-hairline-light: var(--sl-color-gray-6);
-  --sl-color-hairline-shade: var(--sl-color-gray-6);
-
-  --sl-color-backdrop-overlay: hsla(225, 9%, 36%, 0.66);
-
-  /* Shadows (light mode) */
-  --sl-shadow-sm: 0px 1px 1px hsla(0, 0%, 0%, 0.06),
-    0px 2px 1px hsla(0, 0%, 0%, 0.06);
-  --sl-shadow-md: 0px 8px 4px hsla(0, 0%, 0%, 0.03),
-    0px 5px 2px hsla(0, 0%, 0%, 0.03), 0px 3px 2px hsla(0, 0%, 0%, 0.06),
-    0px 1px 1px hsla(0, 0%, 0%, 0.06);
-  --sl-shadow-lg: 0px 25px 7px rgba(0, 0, 0, 0.01),
-    0px 16px 6px hsla(0, 0%, 0%, 0.03), 0px 9px 5px hsla(223, 13%, 10%, 0.08),
-    0px 4px 4px hsla(0, 0%, 0%, 0.16), 0px 4px 2px hsla(0, 0%, 0%, 0.04);
+	/* Colours (light mode) */
+	--sl-color-white: hsl(223, 13%, 10%);
+	--sl-color-gray-1: hsl(222, 13%, 16%);
+	--sl-color-gray-2: hsl(222, 11%, 23%);
+	--sl-color-gray-3: hsl(225, 9%, 36%);
+	--sl-color-gray-4: hsl(221, 8%, 56%);
+	--sl-color-gray-5: hsl(228, 8%, 77%);
+	--sl-color-gray-6: hsl(231, 23%, 94%);
+	--sl-color-gray-7: hsl(240, 20%, 97%);
+	--sl-color-black: hsl(0, 0%, 100%);
+
+	--sl-color-orange-high: hsl(var(--sl-hue-orange), 80%, 25%);
+	--sl-color-orange: hsl(var(--sl-hue-orange), 90%, 60%);
+	--sl-color-orange-low: hsl(var(--sl-hue-orange), 90%, 88%);
+	--sl-color-green-high: hsl(var(--sl-hue-green), 80%, 22%);
+	--sl-color-green: hsl(var(--sl-hue-green), 90%, 46%);
+	--sl-color-green-low: hsl(var(--sl-hue-green), 85%, 90%);
+	--sl-color-blue-high: hsl(var(--sl-hue-blue), 80%, 30%);
+	--sl-color-blue: hsl(var(--sl-hue-blue), 90%, 60%);
+	--sl-color-blue-low: hsl(var(--sl-hue-blue), 88%, 90%);
+	--sl-color-purple-high: hsl(var(--sl-hue-purple), 90%, 30%);
+	--sl-color-purple: hsl(var(--sl-hue-purple), 90%, 60%);
+	--sl-color-purple-low: hsl(var(--sl-hue-purple), 80%, 90%);
+	--sl-color-red-high: hsl(var(--sl-hue-red), 80%, 30%);
+	--sl-color-red: hsl(var(--sl-hue-red), 90%, 60%);
+	--sl-color-red-low: hsl(var(--sl-hue-red), 80%, 90%);
+
+	--sl-color-accent-high: hsl(var(--sl-hue-accent), 80%, 30%);
+	--sl-color-accent: hsl(var(--sl-hue-accent), 90%, 60%);
+	--sl-color-accent-low: hsl(var(--sl-hue-accent), 88%, 90%);
+
+	--sl-color-text-accent: var(--sl-color-accent);
+	--sl-color-text-invert: var(--sl-color-black);
+	--sl-color-bg-nav: var(--sl-color-gray-7);
+	--sl-color-bg-sidebar: var(--sl-color-bg);
+	--sl-color-bg-inline-code: var(--sl-color-gray-6);
+	--sl-color-hairline-light: var(--sl-color-gray-6);
+	--sl-color-hairline-shade: var(--sl-color-gray-6);
+
+	--sl-color-backdrop-overlay: hsla(225, 9%, 36%, 0.66);
+
+	/* Shadows (light mode) */
+	--sl-shadow-sm: 0px 1px 1px hsla(0, 0%, 0%, 0.06), 0px 2px 1px hsla(0, 0%, 0%, 0.06);
+	--sl-shadow-md: 0px 8px 4px hsla(0, 0%, 0%, 0.03), 0px 5px 2px hsla(0, 0%, 0%, 0.03),
+		0px 3px 2px hsla(0, 0%, 0%, 0.06), 0px 1px 1px hsla(0, 0%, 0%, 0.06);
+	--sl-shadow-lg: 0px 25px 7px rgba(0, 0, 0, 0.01), 0px 16px 6px hsla(0, 0%, 0%, 0.03),
+		0px 9px 5px hsla(223, 13%, 10%, 0.08), 0px 4px 4px hsla(0, 0%, 0%, 0.16),
+		0px 4px 2px hsla(0, 0%, 0%, 0.04);
 }
 
 @media (min-width: 50em) {
-  :root {
-    --sl-nav-height: 4rem;
-    --sl-nav-pad-x: 1.5rem;
-    --sl-text-h1: var(--sl-text-5xl);
-    --sl-text-h2: var(--sl-text-4xl);
-    --sl-text-h3: var(--sl-text-3xl);
-    --sl-text-h4: var(--sl-text-2xl);
-  }
+	:root {
+		--sl-nav-height: 4rem;
+		--sl-nav-pad-x: 1.5rem;
+		--sl-text-h1: var(--sl-text-5xl);
+		--sl-text-h2: var(--sl-text-4xl);
+		--sl-text-h3: var(--sl-text-3xl);
+		--sl-text-h4: var(--sl-text-2xl);
+	}
 }
 
 @media (min-width: 72rem) {
-  :root {
-    --sl-content-pad-x: 1.5rem;
-    --sl-mobile-toc-height: 0rem;
-  }
+	:root {
+		--sl-content-pad-x: 1.5rem;
+		--sl-mobile-toc-height: 0rem;
+	}
 }

package/style/reset.css

@@ -1,35 +1,35 @@
 *,
 *::before,
 *::after {
-  box-sizing: border-box;
+	box-sizing: border-box;
 }
 
 * {
-  margin: 0;
+	margin: 0;
 }
 
 html {
-  color-scheme: dark;
-  accent-color: var(--sl-color-accent);
+	color-scheme: dark;
+	accent-color: var(--sl-color-accent);
 }
 
 html[data-theme='light'] {
-  color-scheme: light;
+	color-scheme: light;
 }
 
 body {
-  font-family: var(--__sl-font);
-  line-height: var(--sl-line-height);
-  -webkit-font-smoothing: antialiased;
-  color: var(--sl-color-text);
-  background-color: var(--sl-color-bg);
+	font-family: var(--__sl-font);
+	line-height: var(--sl-line-height);
+	-webkit-font-smoothing: antialiased;
+	color: var(--sl-color-text);
+	background-color: var(--sl-color-bg);
 }
 
 input,
 button,
 textarea,
 select {
-  font: inherit;
+	font: inherit;
 }
 
 p,
@@ -39,9 +39,9 @@ h3,
 h4,
 h5,
 h6 {
-  overflow-wrap: break-word;
+	overflow-wrap: break-word;
 }
 
 code {
-  font-family: var(--__sl-font-mono);
+	font-family: var(--__sl-font-mono);
 }

package/style/shiki.css

@@ -1,13 +1,13 @@
 :root {
-  --astro-code-color-text: var(--sl-color-white);
-  --astro-code-color-background: var(--sl-color-gray-6);
-  --astro-code-token-constant: var(--sl-color-blue-high);
-  --astro-code-token-string: var(--sl-color-green-high);
-  --astro-code-token-comment: var(--sl-color-gray-2);
-  --astro-code-token-keyword: var(--sl-color-purple-high);
-  --astro-code-token-parameter: var(--sl-color-red-high);
-  --astro-code-token-function: var(--sl-color-red-high);
-  --astro-code-token-string-expression: var(--sl-color-green-high);
-  --astro-code-token-punctuation: var(--sl-color-gray-2);
-  --astro-code-token-link: var(--sl-color-blue-high);
+	--astro-code-color-text: var(--sl-color-white);
+	--astro-code-color-background: var(--sl-color-gray-6);
+	--astro-code-token-constant: var(--sl-color-blue-high);
+	--astro-code-token-string: var(--sl-color-green-high);
+	--astro-code-token-comment: var(--sl-color-gray-2);
+	--astro-code-token-keyword: var(--sl-color-purple-high);
+	--astro-code-token-parameter: var(--sl-color-red-high);
+	--astro-code-token-function: var(--sl-color-red-high);
+	--astro-code-token-string-expression: var(--sl-color-green-high);
+	--astro-code-token-punctuation: var(--sl-color-gray-2);
+	--astro-code-token-link: var(--sl-color-blue-high);
 }

package/style/util.css

@@ -1,43 +1,43 @@
 .sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	padding: 0;
+	margin: -1px;
+	overflow: hidden;
+	clip: rect(0, 0, 0, 0);
+	white-space: nowrap;
+	border-width: 0;
 }
 
 .hidden {
-  display: none;
+	display: none;
 }
 .flex {
-  display: flex;
+	display: flex;
 }
 .block {
-  display: block;
+	display: block;
 }
 @media (min-width: 50rem) {
-  .md\:hidden {
-    display: none;
-  }
-  .md\:flex {
-    display: flex;
-  }
-  .md\:block {
-    display: block;
-  }
+	.md\:hidden {
+		display: none;
+	}
+	.md\:flex {
+		display: flex;
+	}
+	.md\:block {
+		display: block;
+	}
 }
 @media (min-width: 72rem) {
-  .lg\:hidden {
-    display: none;
-  }
-  .lg\:flex {
-    display: flex;
-  }
-  .lg\:block {
-    display: block;
-  }
+	.lg\:hidden {
+		display: none;
+	}
+	.lg\:flex {
+		display: flex;
+	}
+	.lg\:block {
+		display: block;
+	}
 }

package/translations/fr.json

@@ -1,22 +1,22 @@
 {
-    "skipLink.label": "Aller au contenu",
-    "search.label": "Rechercher",
-    "search.shortcutLabel": "(Presser / pour rechercher)",
-    "search.cancelLabel": "Annuler",
-    "search.devWarning": "La recherche est disponible uniquement en mode production. \nEssayez de construire puis de prévisualiser votre site pour tester la recherche localement.",
-    "themeSelect.accessibleLabel": "Selectionner le thème",
-    "themeSelect.dark": "Sombre",
-    "themeSelect.light": "Clair",
-    "themeSelect.auto": "Auto",
-    "languageSelect.accessibleLabel": "Selectionner la langue",
-    "menuButton.accessibleLabel": "Menu",
-    "sidebarNav.accessibleLabel": "principale",
-    "tableOfContents.onThisPage": "Sur cette page",
-    "tableOfContents.overview": "Vue d’ensemble",
-    "i18n.untranslatedContent": "Ce contenu n’est pas encore disponible dans votre langue.",
-    "page.editLink": "Modifier cette page",
-    "page.lastUpdated": "Dernière mise à jour :",
-    "page.previousLink": "Précédent",
-    "page.nextLink": "Suivant",
-    "404.text": "Page non trouvée. Vérifiez l’URL ou essayez d’utiliser la barre de recherche."
-  }
+  "skipLink.label": "Aller au contenu",
+  "search.label": "Rechercher",
+  "search.shortcutLabel": "(Presser / pour rechercher)",
+  "search.cancelLabel": "Annuler",
+  "search.devWarning": "La recherche est disponible uniquement en mode production. \nEssayez de construire puis de prévisualiser votre site pour tester la recherche localement.",
+  "themeSelect.accessibleLabel": "Selectionner le thème",
+  "themeSelect.dark": "Sombre",
+  "themeSelect.light": "Clair",
+  "themeSelect.auto": "Auto",
+  "languageSelect.accessibleLabel": "Selectionner la langue",
+  "menuButton.accessibleLabel": "Menu",
+  "sidebarNav.accessibleLabel": "principale",
+  "tableOfContents.onThisPage": "Sur cette page",
+  "tableOfContents.overview": "Vue d’ensemble",
+  "i18n.untranslatedContent": "Ce contenu n’est pas encore disponible dans votre langue.",
+  "page.editLink": "Modifier cette page",
+  "page.lastUpdated": "Dernière mise à jour :",
+  "page.previousLink": "Précédent",
+  "page.nextLink": "Suivant",
+  "404.text": "Page non trouvée. Vérifiez l’URL ou essayez d’utiliser la barre de recherche."
+}

package/translations/index.ts

@@ -17,8 +17,8 @@ import zh from './zh.json';
 const { parse } = builtinI18nSchema();
 
 export default Object.fromEntries(
-  Object.entries({ cs, en, es, de, ja, pt, fr, it, nl, da, tr, ar, nb, zh }).map(([key, dict]) => [
-    key,
-    parse(dict),
-  ])
+	Object.entries({ cs, en, es, de, ja, pt, fr, it, nl, da, tr, ar, nb, zh }).map(([key, dict]) => [
+		key,
+		parse(dict),
+	])
 );

package/translations/it.json

@@ -1,22 +1,22 @@
 {
-	"skipLink.label": "Salta ai contenuti",
-	"search.label": "Cerca",
-	"search.shortcutLabel": "(Usa / per cercare)",
-	"search.cancelLabel": "Cancella",
-	"search.devWarning": "Search is only available in production builds. \nTry building and previewing the site to test it out locally.",
-	"themeSelect.accessibleLabel": "Seleziona tema",
-	"themeSelect.dark": "Scuro",
-	"themeSelect.light": "Chiaro",
-	"themeSelect.auto": "Auto",
-	"languageSelect.accessibleLabel": "Seleziona lingua",
-	"menuButton.accessibleLabel": "Menu",
-	"sidebarNav.accessibleLabel": "Principale",
-	"tableOfContents.onThisPage": "In questa pagina",
-	"tableOfContents.overview": "Panoramica",
-	"i18n.untranslatedContent": "Questi contenuti non sono ancora disponibili nella tua lingua.",
-	"page.editLink": "Modifica pagina",
-	"page.lastUpdated": "Ultimo aggiornamento:",
-	"page.previousLink": "Indietro",
-	"page.nextLink": "Avanti",
-	"404.text": "Pagina non trovata. Verifica l'URL o prova a utilizzare la barra di ricerca."
+  "skipLink.label": "Salta ai contenuti",
+  "search.label": "Cerca",
+  "search.shortcutLabel": "(Usa / per cercare)",
+  "search.cancelLabel": "Cancella",
+  "search.devWarning": "Search is only available in production builds. \nTry building and previewing the site to test it out locally.",
+  "themeSelect.accessibleLabel": "Seleziona tema",
+  "themeSelect.dark": "Scuro",
+  "themeSelect.light": "Chiaro",
+  "themeSelect.auto": "Auto",
+  "languageSelect.accessibleLabel": "Seleziona lingua",
+  "menuButton.accessibleLabel": "Menu",
+  "sidebarNav.accessibleLabel": "Principale",
+  "tableOfContents.onThisPage": "In questa pagina",
+  "tableOfContents.overview": "Panoramica",
+  "i18n.untranslatedContent": "Questi contenuti non sono ancora disponibili nella tua lingua.",
+  "page.editLink": "Modifica pagina",
+  "page.lastUpdated": "Ultimo aggiornamento:",
+  "page.previousLink": "Indietro",
+  "page.nextLink": "Avanti",
+  "404.text": "Pagina non trovata. Verifica l'URL o prova a utilizzare la barra di ricerca."
 }

package/translations/tr.json

@@ -19,4 +19,4 @@
   "page.previousLink": "Önceki",
   "page.nextLink": "Sonraki",
   "404.text": "Sayfa bulunamadı. URL'i kontrol edin ya da arama çubuğunu kullanmayı deneyin."
-}
+}

package/translations/zh.json

@@ -20,4 +20,3 @@
   "page.nextLink": "下一页",
   "404.text": "页面未找到。检查 URL 或尝试使用搜索栏。"
 }
-