[fix](docs): fix wrong background color in MinorHeading

svelteuidev · Jun 1, 2023 · 7a72e07 · 7a72e07
1 parent 14f1438
commit 7a72e07
Showing 1 changed file with 3 additions and 6 deletions.
diff --git a/apps/docs/src/lib/components/MinorHeading.svelte b/apps/docs/src/lib/components/MinorHeading.svelte
@@ -1,18 +1,15 @@
 <script lang="ts">
 	export let title = 'Title';
 	export let date: String;
-	// @ts-ignore
-	// import { current_page } from '@svelte-docs/get/routes';
-	import { Stack, Text, Group, Center } from '@svelteuidev/core';
+	import { colorScheme, Stack, Text, Group, Center } from '@svelteuidev/core';
 	import { Calendar } from 'radix-icons-svelte';
 </script>
 
 <Stack
 	override={{
-    // bc: 'rgba(115, 176, 230, 0.2)',
-    bc: 'rgba(24, 100, 171, 0.45)',
+		backgroundColor: $colorScheme === 'light' ? "$blue100" : "$dark800",
 		padding: '$8',
-    borderRadius: "0.5rem"
+    	borderRadius: "0.5rem"
 	}}
 >
 	<Stack override={{ h1: { mb: 0 } }} spacing="xs">