在 Github README 中获取用户选择的颜色主题

Question

是否可以在 Github README 中获取用户选择的颜色主题？

通过在 Github 上选择深色或浅色主题的可能性，相应地在 README 文件（和其他降价）上显示数字会很有用。 例如，如果选择深色主题，则显示图形的明亮版本，如果选择浅色主题，则显示图形的深色版本。

Answer 1

是不可能的。

通常这种事情可以通过几行 CSS 或者一些 Javascript 轻松完成。 但是，出于安全原因，GitHub 不允许任何用户在其网站上提供 CSS 或 JavaScript。 您在 Markdown 文件中包含的任何内容都将被 GitHub 的 sanitizer 删除，如步骤 2 中github/markup中所述：

2. HTML 已经过消毒，可积极删除可能伤害您和您的家人的东西，例如script标签、内联样式和class或id属性。

Answer 2

自 2022 年 5 月以来，它是为您完成的（仍为测试版）

为 Markdown（Beta）中的图像指定主题上下文

现在，您可以使用 HTML <picture>元素与 prefers-color-scheme 媒体功能相结合，在 Markdown 中指定是显示浅色主题还是深色主题的图像。

例如：

 <picture> <source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/25423296/163456776-7f95b81a-f1ed-45f7-b7ab-8fa810d529fa.png"> <img alt="Shows an illustrated sun in light color mode and a moon with stars in dark color mode." src="https://user-images.githubusercontent.com/25423296/163456779-a8556205-d0a5-45e2-ac17-42d089e3c3f8.png"> </picture>

^{更改颜色模式的问题评论的动画屏幕截图。 内容以浅色模式显示 octobiwan，以深色模式显示 Stormtroopocat。}