Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Dark theme not working, when installed via NPM #2033

Closed
skorphil opened this issue May 26, 2024 · 1 comment
Closed

Dark theme not working, when installed via NPM #2033

skorphil opened this issue May 26, 2024 · 1 comment
Labels
bug Things that aren't working right in the library.

Comments

@skorphil
Copy link

Describe the bug

importing dark.css not working - components become unstyled.
However, light.css is working

To Reproduce

Steps to reproduce the behavior:

<link
      rel="stylesheet"
      href="@shoelace-style/shoelace/dist/themes/dark.css" // NOT WORKING
      href="@shoelace-style/shoelace/dist/themes/light.css" // WORKING FINE
    />

Demo

https://stackblitz.com/edit/vitejs-vite-55otfu?file=index.html

Browser / OS

  • OS: [e.g. Mac, Windows]
  • Browser: [e.g. Chrome, Firefox, Safari]
  • Browser version: [e.g. 22]
@skorphil skorphil added the bug Things that aren't working right in the library. label May 26, 2024
@skorphil
Copy link
Author

Solved this.
Needed to add additional class to HTML:
<html class="sl-theme-dark"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Things that aren't working right in the library.
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@skorphil