-
-
Notifications
You must be signed in to change notification settings - Fork 186
Open
Description
Flowbite-Svelte loads correctly in the Svelte REPL, but its components (e.g., Button, Alert, etc.) do not display the correct default theme colors. This happens because the REPL environment does not import the app.css file, which includes the necessary Tailwind CSS configuration and theme variables.
It would be great if the REPL could support importing or referencing app.css, so that Flowbite-Svelte components render with their intended styles out of the box.
// app.css
@import "tailwindcss";
@source "../node_modules/flowbite-svelte/dist";
@theme {
--z-index-100: 100;
--color-primary-50: #fff5f2;
--color-primary-100: #fff1ee;
--color-primary-200: #ffe4de;
--color-primary-300: #ffd5cc;
--color-primary-400: #ffbcad;
--color-primary-500: #fe795d;
--color-primary-600: #ef562f;
--color-primary-700: #eb4f27;
--color-primary-800: #cc4522;
--color-primary-900: #a5371b;
}