brain-quartz/darkmode.md at a21f588c4834168386bf0461df14bf7164b53fb9

Anson/brain-quartz

Fork 0

mirror of https://gitlab.com/MisterBiggs/brain-quartz.git synced 2025-07-23 06:41:30 +00:00

Files

.github

content

docs

advanced

features

Citations.md

Docker Support.md

Latex.md

Mermaid diagrams.md

Obsidian compatibility.md

OxHugo compatibility.md

RSS Feed.md

Roam Research compatibility.md

SPA Routing.md

backlinks.md

breadcrumbs.md

callouts.md

comments.md

darkmode.md

explorer.md

folder and tag listings.md

full-text search.md

graph view.md

i18n.md

index.md

popover previews.md

private pages.md

recent notes.md

social images.md

syntax highlighting.md

table of contents.md

upcoming features.md

wikilinks.md

images

plugins

tags

authoring content.md

build.md

configuration.md

hosting.md

index.md

layout-components.md

layout.md

migrating from Quartz 3.md

philosophy.md

setting up your GitHub repository.md

showcase.md

upgrading.md

quartz

.gitattributes

.gitignore

.node-version

.npmrc

.prettierignore

.prettierrc

CODE_OF_CONDUCT.md

Dockerfile

LICENSE.txt

README.md

globals.d.ts

index.d.ts

package-lock.json

package.json

quartz.config.ts

quartz.layout.ts

tsconfig.json

kabirgh 0a76707062 feat: Emit custom event when theme changes (#723 )

* Emit custom event when theme changes

* Type themechange custom event

* Update darkmode docs

2024-01-23 14:52:41 -08:00

800 B

Raw Blame History

title, tags

title

Customization

Removing darkmode: delete all usages of Component.Darkmode() from quartz.layout.ts.
Component: quartz/components/Darkmode.tsx
Style: quartz/components/styles/darkmode.scss
Script: quartz/components/scripts/darkmode.inline.ts

You can also listen to the themechange event to perform any custom logic when the theme changes.

document.addEventListener("themechange", (e) => {
  console.log("Theme changed to " + e.detail.theme) // either "light" or "dark"
  // your logic here
})

800 B Raw Blame History

Customization

800 B

Raw Blame History