mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-05 05:09:03 +00:00
45 lines
1.4 KiB
JavaScript
45 lines
1.4 KiB
JavaScript
/*
|
|
* night shift
|
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
|
* under the MIT license
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
module.exports = {
|
|
id: '9a71bbff-e87d-4a0b-8a2c-a93473113c30',
|
|
tags: ['extension', 'theme'],
|
|
name: 'night shift',
|
|
desc:
|
|
'sync dark/light theme with the system (overrides normal theme setting)',
|
|
version: '0.1.0',
|
|
author: 'dragonwocky',
|
|
hacks: {
|
|
'renderer/preload.js'(store, __exports) {
|
|
document.addEventListener('readystatechange', (event) => {
|
|
if (document.readyState !== 'complete') return false;
|
|
const attempt_interval = setInterval(enhance, 500);
|
|
function enhance() {
|
|
const notion_elem = document.querySelector('.notion-app-inner');
|
|
if (!notion_elem) return;
|
|
clearInterval(attempt_interval);
|
|
process([{ target: notion_elem }]);
|
|
const observer = new MutationObserver(process);
|
|
observer.observe(notion_elem, {
|
|
attributes: true,
|
|
});
|
|
function process(list, observer) {
|
|
const mode = `notion-app-inner notion-${
|
|
window.matchMedia('(prefers-color-scheme: dark)').matches
|
|
? 'dark'
|
|
: 'light'
|
|
}-theme`;
|
|
if (list[0].target.className !== mode)
|
|
list[0].target.className = mode;
|
|
}
|
|
}
|
|
});
|
|
},
|
|
},
|
|
};
|