Sveltekit Start

npm create svelte@latest my-app
npx svelte-add@latest tailwindcss --forms --typography
npm i flowbite flowbite-svelte classnames @popperjs/core

ncu -u

const typography = require("@tailwindcss/typography")
const forms = require("@tailwindcss/forms")
const flowbite = require("flowbite/plugin")

const config = {
  content: [
    "./src/**/*.{html,js,svelte,ts}",
    "./node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}",
  ],

  theme: {
    extend: {},
  },

  plugins: [forms, typography, flowbite],
  darkMode: "class",
}

module.exports = config

<svelte:head>
  <script>
    if (window) {
      if (!("color-theme" in localStorage)) {
        localStorage.setItem("color-theme", "light")
      }

      localStorage.getItem("color-theme") === "dark" ||
      (!("color-theme" in localStorage) &&
        window.matchMedia("(prefers-color-scheme: dark)").matches)
        ? window.document.documentElement.classList.add("dark")
        : window.document.documentElement.classList.remove("dark")
    }
  </script>
</svelte:head>