Closed gxlpes closed 2 weeks ago
The latest updates on your projects. Learn more about Vercel for Git ↗︎
Name | Status | Preview | Updated (UTC) |
---|---|---|---|
docs | ✅ Ready (Inspect) | Visit Preview | May 3, 2024 11:45am |
Hello! Thank you for opening your first PR to Astro’s Docs! 🎉
Here’s what will happen next:
Our GitHub bots will run to check your changes. If they spot any broken links you will see some error messages on this PR. Don’t hesitate to ask any questions if you’re not sure what these mean!
In a few minutes, you’ll be able to see a preview of your changes on Vercel 🥳
One or more of our maintainers will take a look and may ask you to make changes. We try to be responsive, but don’t worry if this takes a few days.
🌕 This pull request will trigger status changes.
Locale | File | Note |
---|---|---|
en | guides/markdown-content.mdx | Source changed, localizations will be marked as outdated. |
Hi @gxlpes ! Thank you for picking up on some outstanding issues in the docs repo! 💪
We actually already have an open PR very close to merging to address this very topic: #7218 You can follow its progress, see my comment to the existing proposal, and comment there!
Since that PR is already open and being worked on for this very thing, I will close this PR. But I encourage you to participate in the other PR! I have a proposed suggestion for the author, and have been waiting to hear back. Would be happy to have your thoughts there.
Description (required)
When trying to implement the dual themes of Shiki, it's necessary to use the CSS snippets that their docs provided. But because of how Astro implements the Shiki under the hood, it's necessary to use the class
.astro-code
instead of.shiki
that their docs stated.I'm proposing a new section in the Syntax highlighting of Astro docs to make clear to new users how to implement the feature of dual theming. I think that dark/light mode is a key feature and having this new section would make everything clear with Shiki.
The correct CSS to make the CSS dual theme work should be
Related issues & labels (optional)