mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-06 05:29:02 +00:00
ca605ec049
* add font variables for headings, headings input for font chooser and fix quote variable * fix spaces for consistent code * fix version number (semver) * bring together all heading styles * bring together all heading variables * update font styling loop
74 lines
1.7 KiB
JavaScript
74 lines
1.7 KiB
JavaScript
/*
|
|
* font chooser
|
|
* (c) 2020 torchatlas (https://bit.ly/torchatlas)
|
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
|
* (c) 2020 admiraldus (https://github.com/admiraldus)
|
|
* under the MIT license
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
module.exports = {
|
|
id: 'e0d8d148-45e7-4d79-8313-e7b2ad8abe16',
|
|
tags: ['extension'],
|
|
name: 'font chooser',
|
|
desc:
|
|
'customize fonts. for each option, type in the name of the font you would like to use, or leave it blank to not change anything.<br/><br/>make sure the fonts you type are installed on your device.',
|
|
version: '0.3.0',
|
|
author: 'torchatlas',
|
|
options: [
|
|
{
|
|
key: 'sans',
|
|
label: 'sans-serif (inc. ui):',
|
|
type: 'input',
|
|
value: '',
|
|
},
|
|
{
|
|
key: 'serif',
|
|
label: 'serif:',
|
|
type: 'input',
|
|
value: '',
|
|
},
|
|
{
|
|
key: 'mono',
|
|
label: 'monospace:',
|
|
type: 'input',
|
|
value: '',
|
|
},
|
|
{
|
|
key: 'code',
|
|
label: 'code:',
|
|
type: 'input',
|
|
value: '',
|
|
},
|
|
{
|
|
key: 'quote',
|
|
label: 'quote:',
|
|
type: 'input',
|
|
value: '',
|
|
},
|
|
{
|
|
key: 'headings',
|
|
label: 'headings:',
|
|
type: 'input',
|
|
value: '',
|
|
},
|
|
],
|
|
hacks: {
|
|
'renderer/preload.js'(store, __exports) {
|
|
const attempt_interval = setInterval(enhance, 500);
|
|
async function enhance() {
|
|
if (!document.querySelector('.notion-app-inner')) return;
|
|
clearInterval(attempt_interval);
|
|
for (let style of ['sans', 'serif', 'mono', 'code', 'quote', 'headings']) {
|
|
if (!store()[style]) continue;
|
|
|
|
document
|
|
.querySelector('.notion-app-inner')
|
|
.style.setProperty(`--theme--font_${style}`, store()[style]);
|
|
}
|
|
}
|
|
},
|
|
},
|
|
};
|