ALso add dark mode backgroudn

Author: erikvansebille

src/components/getstarted.js

@@ -140,7 +140,13 @@ export const GetStarted = () => {
   const isHtmlFigure = (src) => src?.toLowerCase().endsWith('.html')
 
   return (
-    <Box id={'getstarted'} as='section' bg='blue.50' mb={6}>
+    <Box
+      id={'getstarted'}
+      as='section'
+      bg='blue.50'
+      _dark={{ bg: 'blue.900' }}
+      mb={6}
+    >
       <Container maxW='container.lg' centerContent>
         <Heading as='h1' size='2xl' mt={6}>
           Get started as