<!DOCTYPE html>
<html lang="de">

<head>
    <title>Shell Script Hub</title>
    {% include "./components/meta.njk" %}
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

        * {
            box-sizing: border-box;
        }
    </style>
    <script>
        // dark / light mode
        if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
            document.documentElement.classList.add('dark');
        } else {
            document.documentElement.classList.remove('dark')
        }

        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: { 
                            "50": "#eff6ff",
                            "100": "#dbeafe",
                            "200": "#bfdbfe",
                            "300": "#93c5fd",
                            "400": "#60a5fa",
                            "500": "#3b82f6",
                            "600": "#2563eb",
                            "700": "#1d4ed8",
                            "800": "#1e40af",
                            "900": "#1e3a8a",
                            "950": "#172554"
                        }
                    }
                },
                fontFamily: {
                    'sans': [
                        'Poppins',
                        'Noto Sans'
                    ]
                }
            }
        }
    </script>
</head>

<body class="bg-gray-100 dark:bg-gray-700 dark:text-white">
    {% block content %}{% endblock %}
</body>

</html>