astro.config.mjs

// @ts-check
import { defineConfig } from 'astro/config';
import starlight from '@astrojs/starlight';
import tailwind from '@astrojs/tailwind';

// https://astro.build/config
export default defineConfig({
    integrations: [starlight({
        title: 'RoboCon Docs',
        favicon: './src/assets/favicon.png',
        social: {
            instagram: 'https://www.instagram.com/hillsroadrobocon/',
            twitter: 'https://twitter.com/HRobocon/',
            facebook: 'https://www.facebook.com/HRobocon/'
        },
        sidebar: [
            {
                label: 'First Steps',
                autogenerate: { directory: 'first-steps' },
            },
            {
                label: 'Hardware',
                autogenerate: { directory: 'hardware' },
            },
            {
                label: 'Programming',
                autogenerate: { directory: 'programming' },
            },
            {
                label: 'Tools',
                autogenerate: { directory: 'tools' },
            },
            {
                label: 'Tutorials',
                autogenerate: { directory: 'tutorials' },
            },
        ],
        components: {
            SiteTitle: './src/components/RoboConDocsLogo.astro',
          },
        customCss: [
                // Fonts
                '@fontsource/space-mono/400.css',
                '@fontsource/rubik-mono-one/400.css',
                '@fontsource/lexend/400.css',
                '@fontsource/fugaz-one/400.css',
                // Path to your Tailwind base styles:
                './src/styling.css',
            ],
		}),
        tailwind({
                // Disable the default base styles:
                applyBaseStyles: false,
        })],
});