OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

Documentation

Browse Source
This commit is contained in:
squidfunk 2023-09-22 14:35:20 +02:00
parent 530c86bd14
commit a0206fd34e
No known key found for this signature in database
GPG Key ID: 5ED40BC4F9C436DF
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
docs/setup/adding-a-comment-system.md
View File

@ -51,22 +51,28 @@ and [override the `comments.html` partial][overriding partials] with:
<script> <script>
var giscus = document.querySelector("script[src*=giscus]") var giscus = document.querySelector("script[src*=giscus]")
/* Set palette on initial load */ // Set palette on initial load
var palette = __md_get("__palette") var palette = __md_get("__palette")
if (palette && typeof palette.color === "object") { if (palette && typeof palette.color === "object") {
var theme = palette.color.scheme === "slate" ? "dark" : "light" var theme = palette.color.scheme === "slate"
? "transparent_dark"
: "light"
// Instruct Giscus to set theme
giscus.setAttribute("data-theme", theme) // (1)! giscus.setAttribute("data-theme", theme) // (1)!
} }
/* Register event handlers after documented loaded */ // Register event handlers after documented loaded
document.addEventListener("DOMContentLoaded", function() { document.addEventListener("DOMContentLoaded", function() {
var ref = document.querySelector("[data-md-component=palette]") var ref = document.querySelector("[data-md-component=palette]")
ref.addEventListener("change", function() { ref.addEventListener("change", function() {
var palette = __md_get("__palette") var palette = __md_get("__palette")
if (palette && typeof palette.color === "object") { if (palette && typeof palette.color === "object") {
var theme = palette.color.scheme === "slate" ? "dark" : "light" var theme = palette.color.scheme === "slate"
? "transparent_dark"
: "light"
/* Instruct Giscus to change theme */ // Instruct Giscus to change theme
var frame = document.querySelector(".giscus-frame") var frame = document.querySelector(".giscus-frame")
frame.contentWindow.postMessage( frame.contentWindow.postMessage(
{ giscus: { setConfig: { theme } } }, { giscus: { setConfig: { theme } } },