本文列出一些主題觸發的一些事件，你可以通過事件監聽器來捕獲這些事件。

顏色模式事件#

當顏色模式改變時，HBS 將觸發一個名為 hbs:mode 的自定義事件，這對於根據主題顏色模式調整你的小部件的樣式很有用。 內置的 Utterances 和 Giscus 評論引擎就是依靠這個事件來調整它們的主題為淺色或深色。

1import { getPreferMode } from 'js/mode/functions';
2
3document.addEventListener('hbs:mode', (e: CustomEvent) => {
4  console.log('mode changed: ', e.detail.mode === 'auto' ? getPreferMode() : e.detail.mode);
5});
  • getPreferMode 函數返回你的系統/瀏覽器的首選顏色模式。