Fix: theme system doesn't switch to dark

[takuyahara]

• I have read the Contribution guide
• This PR references an issue (except for typos, broken links, or other minor problems)

Description(required)

Despite setting system appearance to dark mode, selecting System theme always applies light theme because it changes html[data-theme] to sdark which is not valid for applying dark theme.

As done in kobaltedev/solidbase, a package which solid-docs lies on, selector should be specified in [attr*=value] style to accept both dark and sdark.

Related issues & labels

• Closes #
• Suggested label(s) (optional):

[bolt-new-by-stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[netlify]

✅ Deploy Preview for solid-docs ready!

Name	Link
🔨 Latest commit	6d9fdaf
🔍 Latest deploy log	https://app.netlify.com/projects/solid-docs/deploys/686099e2b4c12b000815ee37
😎 Deploy Preview	https://deploy-preview-1211--solid-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[amirhhashemi]

Hey! Thank you for bringing this issue to our attention.

SolidBase manages the theme selector. I believe they shouldn't use different values when the "system" theme is active. I've already created an issue and hope it gets fixed upstream. In the meantime, your PR is a good workaround.