洪 民憙 (Hong Minhee) :nonbinary:
@hongminhee@hollo.social · Reply to 洪 民憙 (Hong Minhee) :nonbinary:

@cheeaun Filed an issue: https://github.com/shikijs/shiki/issues/1027.

github.com

Feature proposal: Add support for CSS light-dark() function in dual themes · Issue #1027 · shikijs/shiki

Clear and concise description of the problem I want to use the modern CSS light-dark() function for dual theme support in Shiki so that we can eliminate the need for complex CSS variables, media qu...

1 reply

洪 民憙 (Hong Minhee) :nonbinary:
@hongminhee@hollo.social · Reply to 洪 民憙 (Hong Minhee) :nonbinary:

@cheeaun My pull request to add an option to utilize light-dark() function is merged to Shiki, and a new release was made today. Now Hollo's syntax highlighting uses light-dark() function:

console.log('Hello, world!');

github.com

feat: add support for CSS `light-dark()` function in dual themes by dahlia · Pull Request #1028 · shikijs/shiki

Description This pull request introduces support for the light-dark() CSS function in the Shiki library, allowing for dynamic theme switching between light and dark modes using CSS variables. It i...