Skip to content

REPL does not load app.css, causing Flowbite-Svelte theme colors to be missing #1554

@shinokada

Description

@shinokada

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;
}

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions