diff --git a/extension/.gitmodules b/extension/.gitmodules index 65dd035..8907605 100644 --- a/extension/.gitmodules +++ b/extension/.gitmodules @@ -1,3 +1,6 @@ [submodule "api"] path = api url = git@github.com:notion-enhancer/api.git +[submodule "repo"] + path = repo + url = git@github.com:notion-enhancer/repo.git diff --git a/extension/repo b/extension/repo new file mode 160000 index 0000000..d7b38bf --- /dev/null +++ b/extension/repo @@ -0,0 +1 @@ +Subproject commit d7b38bf3aa609c1f1e71f9db45e4883ded769869 diff --git a/extension/repo/bypass-preview@cb6fd684-f113-4a7a-9423-8f0f0cff069f/client.css b/extension/repo/bypass-preview@cb6fd684-f113-4a7a-9423-8f0f0cff069f/client.css deleted file mode 100644 index 7cf79f8..0000000 --- a/extension/repo/bypass-preview@cb6fd684-f113-4a7a-9423-8f0f0cff069f/client.css +++ /dev/null @@ -1,9 +0,0 @@ -/* - * notion-enhancer: bypass-preview - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -.notion-peek-renderer { - display: none; -} diff --git a/extension/repo/bypass-preview@cb6fd684-f113-4a7a-9423-8f0f0cff069f/client.mjs b/extension/repo/bypass-preview@cb6fd684-f113-4a7a-9423-8f0f0cff069f/client.mjs deleted file mode 100644 index b510184..0000000 --- a/extension/repo/bypass-preview@cb6fd684-f113-4a7a-9423-8f0f0cff069f/client.mjs +++ /dev/null @@ -1,33 +0,0 @@ -/* - * notion-enhancer: bypass-preview - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -'use strict'; - -export default async function (api, db) { - const { web, components } = api; - await web.whenReady(); - - let _lastPage = {}; - function getCurrentPage() { - if (web.queryParams().get('p')) return { type: 'preview', id: web.queryParams().get('p') }; - return { type: 'page', id: location.pathname.split(/(-|\/)/g).reverse()[0] }; - } - - web.addDocumentObserver((event) => { - const currentPage = getCurrentPage(); - if (currentPage.id !== _lastPage.id || currentPage.type !== _lastPage.type) { - const openAsPage = document.querySelector( - '.notion-peek-renderer [style*="height: 45px;"] a' - ); - if (openAsPage) { - if (currentPage.id === _lastPage.id && currentPage.type === 'preview') { - history.back(); - } else openAsPage.click(); - } - _lastPage = getCurrentPage(); - } - }); -} diff --git a/extension/repo/bypass-preview@cb6fd684-f113-4a7a-9423-8f0f0cff069f/mod.json b/extension/repo/bypass-preview@cb6fd684-f113-4a7a-9423-8f0f0cff069f/mod.json deleted file mode 100644 index 1d0cfb4..0000000 --- a/extension/repo/bypass-preview@cb6fd684-f113-4a7a-9423-8f0f0cff069f/mod.json +++ /dev/null @@ -1,22 +0,0 @@ -{ - "name": "bypass-preview", - "id": "cb6fd684-f113-4a7a-9423-8f0f0cff069f", - "version": "0.2.0", - "description": "go straight to the normal full view when opening a page.", - "tags": ["extension", "automation"], - "authors": [ - { - "name": "dragonwocky", - "email": "thedragonring.bod@gmail.com", - "homepage": "https://dragonwocky.me/", - "avatar": "https://dragonwocky.me/avatar.jpg" - } - ], - "js": { - "client": ["client.mjs"] - }, - "css": { - "client": ["client.css"] - }, - "options": [] -} diff --git a/extension/repo/calendar-scroll@b1c7db33-dfee-489a-a76c-0dd66f7ed29a/client.css b/extension/repo/calendar-scroll@b1c7db33-dfee-489a-a76c-0dd66f7ed29a/client.css deleted file mode 100644 index 310c6f9..0000000 --- a/extension/repo/calendar-scroll@b1c7db33-dfee-489a-a76c-0dd66f7ed29a/client.css +++ /dev/null @@ -1,21 +0,0 @@ -/* - * notion-enhancer: calendar-scroll - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -#calendar-scroll-to-week { - background: var(--theme--button_hover); - border: 1px solid transparent; - font-size: var(--theme--font_label-size); - color: var(--theme--text); - height: 24px; - border-radius: 3px; - line-height: 1.2; - padding: 0 0.5em; - margin-right: 5px; -} -#calendar-scroll-to-week:hover { - background: transparent; - border: 1px solid var(--theme--button_hover); -} diff --git a/extension/repo/calendar-scroll@b1c7db33-dfee-489a-a76c-0dd66f7ed29a/client.mjs b/extension/repo/calendar-scroll@b1c7db33-dfee-489a-a76c-0dd66f7ed29a/client.mjs deleted file mode 100644 index 96c893a..0000000 --- a/extension/repo/calendar-scroll@b1c7db33-dfee-489a-a76c-0dd66f7ed29a/client.mjs +++ /dev/null @@ -1,64 +0,0 @@ -/* - * notion-enhancer core: bypass-preview - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -'use strict'; - -import { web } from '../../api/_.mjs'; - -const $button = web.createElement( - web.html`` -); -$button.addEventListener('click', async (event) => { - let $day = document.querySelector('.notion-calendar-view-day[style*="background:"]'); - while (!$day) { - const $toolbar = document.querySelector( - '.notion-calendar-view > :first-child > :first-child > :first-child' - ), - year = +$toolbar.children[0].innerText.split(' ')[1], - month = { - 'January': 0, - 'February': 1, - 'March': 2, - 'April': 3, - 'May': 4, - 'June': 5, - 'July': 6, - 'August': 7, - 'September': 8, - 'October': 9, - 'November': 10, - 'December': 11, - }[$toolbar.children[0].innerText.split(' ')[0]], - now = new Date(); - switch (true) { - case now.getFullYear() < year: - case now.getFullYear() === year && now.getMonth() < month: - $toolbar.children[3].click(); - break; - case now.getFullYear() > year: - case now.getFullYear() === year && now.getMonth() > month: - $toolbar.children[5].click(); - break; - default: - await new Promise((res, rej) => requestAnimationFrame(res)); - $day = document.querySelector('.notion-calendar-view-day[style*="background:"]'); - } - await new Promise((res, rej) => requestAnimationFrame(res)); - } - const $scroller = document.querySelector('.notion-frame .notion-scroller'); - $scroller.scroll({ - top: $day.offsetParent.offsetParent.offsetTop + 70, - behavior: 'auto', - }); -}); - -web.addDocumentObserver((event) => { - if (document.contains($button)) return; - const toolbar = document.querySelector( - '.notion-calendar-view > :first-child > :first-child > :first-child' - ); - if (toolbar) toolbar.insertBefore($button, toolbar.children[2]); -}); diff --git a/extension/repo/calendar-scroll@b1c7db33-dfee-489a-a76c-0dd66f7ed29a/mod.json b/extension/repo/calendar-scroll@b1c7db33-dfee-489a-a76c-0dd66f7ed29a/mod.json deleted file mode 100644 index 1e38790..0000000 --- a/extension/repo/calendar-scroll@b1c7db33-dfee-489a-a76c-0dd66f7ed29a/mod.json +++ /dev/null @@ -1,22 +0,0 @@ -{ - "name": "calendar-scroll", - "id": "b1c7db33-dfee-489a-a76c-0dd66f7ed29a", - "version": "0.2.0", - "description": "add a button to jump down to the current week in fullpage/infinite-scroll calendars.", - "tags": ["extension", "shortcut"], - "authors": [ - { - "name": "dragonwocky", - "email": "thedragonring.bod@gmail.com", - "homepage": "https://dragonwocky.me/", - "avatar": "https://dragonwocky.me/avatar.jpg" - } - ], - "js": { - "client": ["client.mjs"] - }, - "css": { - "client": ["client.css"] - }, - "options": [] -} diff --git a/extension/repo/components@36a2ffc9-27ff-480e-84a7-c7700a7d232d/mod.json b/extension/repo/components@36a2ffc9-27ff-480e-84a7-c7700a7d232d/mod.json deleted file mode 100644 index bb0cc36..0000000 --- a/extension/repo/components@36a2ffc9-27ff-480e-84a7-c7700a7d232d/mod.json +++ /dev/null @@ -1,33 +0,0 @@ -{ - "__comment": "pseudo-mod to allow configuration of API-provided components", - "name": "components", - "id": "36a2ffc9-27ff-480e-84a7-c7700a7d232d", - "version": "0.2.0", - "description": "shared notion-style elements.", - "tags": ["core"], - "authors": [ - { - "name": "dragonwocky", - "email": "thedragonring.bod@gmail.com", - "homepage": "https://dragonwocky.me/", - "avatar": "https://dragonwocky.me/avatar.jpg" - }, - { - "name": "CloudHill", - "email": "rh.cloudhill@gmail.com", - "homepage": "https://github.com/CloudHill", - "avatar": "https://avatars.githubusercontent.com/u/54142180" - } - ], - "js": {}, - "css": {}, - "options": [ - { - "type": "hotkey", - "key": "panel.hotkey", - "label": "toggle panel hotkey", - "value": "Ctrl+Alt+\\", - "tooltip": "opens/closes the side panel in notion - will only work if a mod is making use of it." - } - ] -} diff --git a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/blocks.mjs b/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/blocks.mjs deleted file mode 100644 index 4f1a7e0..0000000 --- a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/blocks.mjs +++ /dev/null @@ -1,237 +0,0 @@ -/* - * notion-enhancer core: menu - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -'use strict'; - -import { fmt, web, registry, components } from '../../api/_.mjs'; -import { notifications } from './notifications.mjs'; -const profileDB = await registry.profileDB(); - -export const blocks = { - preview: (url) => web.html``, - title: (title) => web.html`

${web.escape(title)}

`, - version: (version) => web.html`v${web.escape(version)}`, - tags: (tags) => { - if (!tags.length) return ''; - return web.render( - web.html`

`, - tags.map((tag) => `#${web.escape(tag)}`).join(' ') - ); - }, - description: (description) => web.html`

- ${fmt.md.renderInline(description)} -

`, - authors: (authors) => { - const author = (author) => web.html` - ${web.escape(author.name)}'s avatar ${web.escape(author.name)} - `; - return web.render(web.html`

`, ...authors.map(author)); - }, - toggle: (label, checked) => { - const $label = web.html``, - $input = web.html``, - $feature = web.html``; - $label.addEventListener('keyup', (event) => { - if (['Enter', ' '].includes(event.key)) $input.checked = !$input.checked; - }); - return web.render($label, $input, $feature); - }, -}; - -export const options = { - toggle: async (mod, opt) => { - const checked = await profileDB.get([mod.id, opt.key], opt.value), - $toggle = blocks.toggle(opt.label, checked), - $tooltip = web.html`${await components.feather('info', { class: 'input-tooltip' })}`, - $label = $toggle.children[0], - $input = $toggle.children[1]; - if (opt.tooltip) { - $label.prepend($tooltip); - components.tooltip($tooltip, opt.tooltip); - } - $input.addEventListener('change', async (event) => { - await profileDB.set([mod.id, opt.key], $input.checked); - notifications.onChange(); - }); - return $toggle; - }, - select: async (mod, opt) => { - const value = await profileDB.get([mod.id, opt.key], opt.values[0]), - $tooltip = web.html`${await components.feather('info', { class: 'input-tooltip' })}`, - $label = web.render( - web.html``, - web.render(web.html`

`, opt.tooltip ? $tooltip : '', opt.label) - ), - $options = opt.values.map( - (option) => web.raw`` - ), - $select = web.html``, - $icon = web.html`${await components.feather('chevron-down', { class: 'input-icon' })}`; - if (opt.tooltip) components.tooltip($tooltip, opt.tooltip); - $select.addEventListener('change', async (event) => { - await profileDB.set([mod.id, opt.key], $select.value); - notifications.onChange(); - }); - return web.render($label, $select, $icon); - }, - text: async (mod, opt) => { - const value = await profileDB.get([mod.id, opt.key], opt.value), - $tooltip = web.html`${await components.feather('info', { class: 'input-tooltip' })}`, - $label = web.render( - web.html``, - web.render(web.html`

`, opt.tooltip ? $tooltip : '', opt.label) - ), - $input = web.html``, - $icon = web.html`${await components.feather('type', { class: 'input-icon' })}`; - if (opt.tooltip) components.tooltip($tooltip, opt.tooltip); - $input.addEventListener('change', async (event) => { - await profileDB.set([mod.id, opt.key], $input.value); - notifications.onChange(); - }); - return web.render($label, $input, $icon); - }, - number: async (mod, opt) => { - const value = await profileDB.get([mod.id, opt.key], opt.value), - $tooltip = web.html`${await components.feather('info', { class: 'input-tooltip' })}`, - $label = web.render( - web.html``, - web.render(web.html`

`, opt.tooltip ? $tooltip : '', opt.label) - ), - $input = web.html``, - $icon = web.html`${await components.feather('hash', { class: 'input-icon' })}`; - if (opt.tooltip) components.tooltip($tooltip, opt.tooltip); - $input.addEventListener('change', async (event) => { - await profileDB.set([mod.id, opt.key], $input.value); - notifications.onChange(); - }); - return web.render($label, $input, $icon); - }, - color: async (mod, opt) => { - const value = await profileDB.get([mod.id, opt.key], opt.value), - $tooltip = web.html`${await components.feather('info', { class: 'input-tooltip' })}`, - $label = web.render( - web.html``, - web.render(web.html`

`, opt.tooltip ? $tooltip : '', opt.label) - ), - $input = web.html``, - $icon = web.html`${await components.feather('droplet', { class: 'input-icon' })}`, - paint = () => { - $input.style.background = $picker.toBackground(); - $input.style.color = $picker.isLight() ? '#000' : '#fff'; - $input.style.padding = ''; - }, - $picker = new web.jscolor($input, { - value, - format: 'rgba', - previewSize: 0, - borderRadius: 3, - borderColor: 'var(--theme--ui_divider)', - controlBorderColor: 'var(--theme--ui_divider)', - backgroundColor: 'var(--theme--bg)', - onInput: paint, - onChange: paint, - }); - if (opt.tooltip) components.tooltip($tooltip, opt.tooltip); - $input.addEventListener('change', async (event) => { - await profileDB.set([mod.id, opt.key], $input.value); - notifications.onChange(); - }); - paint(); - return web.render($label, $input, $icon); - }, - file: async (mod, opt) => { - const { filename } = (await profileDB.get([mod.id, opt.key], {})) || {}, - $tooltip = web.html`${await components.feather('info', { class: 'input-tooltip' })}`, - $label = web.render( - web.html``, - web.render(web.html`

`, opt.tooltip ? $tooltip : '', opt.label) - ), - $pseudo = web.html`Upload file...`, - $input = web.html``, - $icon = web.html`${await components.feather('file', { class: 'input-icon' })}`, - $filename = web.html`${web.escape(filename || 'none')}`, - $latest = web.render(web.html``, $filename); - if (opt.tooltip) components.tooltip($tooltip, opt.tooltip); - $input.addEventListener('change', (event) => { - const file = event.target.files[0], - reader = new FileReader(); - reader.onload = async (progress) => { - $filename.innerText = file.name; - await profileDB.set([mod.id, opt.key], { - filename: file.name, - content: progress.currentTarget.result, - }); - notifications.onChange(); - }; - reader.readAsText(file); - }); - $latest.addEventListener('click', (event) => { - $filename.innerText = 'none'; - profileDB.set([mod.id, opt.key], {}); - }); - return web.render( - web.html`
`, - web.render($label, $input, $pseudo, $icon), - $latest - ); - }, - hotkey: async (mod, opt) => { - const value = await profileDB.get([mod.id, opt.key], opt.value), - $tooltip = web.html`${await components.feather('info', { class: 'input-tooltip' })}`, - $label = web.render( - web.html``, - web.render(web.html`

`, opt.tooltip ? $tooltip : '', opt.label) - ), - $input = web.html``, - $icon = web.html`${await components.feather('command', { class: 'input-icon' })}`; - if (opt.tooltip) components.tooltip($tooltip, opt.tooltip); - $input.addEventListener('keydown', async (event) => { - event.preventDefault(); - const pressed = [], - modifiers = { - metaKey: 'Meta', - ctrlKey: 'Control', - altKey: 'Alt', - shiftKey: 'Shift', - }; - for (const modifier in modifiers) { - if (event[modifier]) pressed.push(modifiers[modifier]); - } - const empty = ['Backspace', 'Delete'].includes(event.key) && !pressed.length; - if (!empty && !pressed.includes(event.key)) { - let key = event.key; - if (key === ' ') key = 'Space'; - if (key.length === 1) key = event.key.toUpperCase(); - pressed.push(key); - } - $input.value = pressed.join('+'); - await profileDB.set([mod.id, opt.key], $input.value); - notifications.onChange(); - }); - return web.render($label, $input, $icon); - }, -}; diff --git a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/client.css b/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/client.css deleted file mode 100644 index e21c00a..0000000 --- a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/client.css +++ /dev/null @@ -1,69 +0,0 @@ -/* - * notion-enhancer core: menu - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -.enhancer--sidebarMenuLink { - user-select: none; - -webkit-user-select: none; - transition: background 20ms ease-in 0s; - cursor: pointer; - color: var(--theme--text_secondary); -} -.enhancer--sidebarMenuLink:hover { - background: var(--theme--ui_interactive-hover); -} -.enhancer--sidebarMenuLink svg { - width: 16px; - height: 16px; - margin-left: 2px; -} -.enhancer--sidebarMenuLink > div { - display: flex; - align-items: center; - min-height: 27px; - font-size: 14px; - padding: 2px 14px; - width: 100%; -} -.enhancer--sidebarMenuLink > div > :first-child { - flex-shrink: 0; - flex-grow: 0; - border-radius: 3px; - width: 22px; - height: 22px; - display: flex; - align-items: center; - justify-content: center; - margin-right: 8px; -} -.enhancer--sidebarMenuLink > div > :nth-child(2) { - flex: 1 1 auto; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.enhancer--sidebarMenuLink[data-has-notifications] { - color: var(--theme--text); -} -.enhancer--sidebarMenuLink > div > .enhancer--notificationBubble { - display: flex; -} -.enhancer--sidebarMenuLink > div > .enhancer--notificationBubble > div { - display: inline-flex; - align-items: center; - justify-content: center; - width: 16px; - height: 16px; - font-size: 10px; - font-weight: 600; - border-radius: 3px; - color: var(--theme--accent_red-text); - background: var(--theme--accent_red); -} -.enhancer--sidebarMenuLink > div > .enhancer--notificationBubble > div > span { - margin-bottom: 1px; - margin-left: -0.5px; -} diff --git a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/client.mjs b/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/client.mjs deleted file mode 100644 index bee0597..0000000 --- a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/client.mjs +++ /dev/null @@ -1,59 +0,0 @@ -/* - * notion-enhancer core: menu - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -'use strict'; - -export default async function (api, db) { - const { env, fs, storage, registry, web } = api; - - web.addHotkeyListener(await db.get(['hotkey']), env.focusMenu); - - const updateTheme = () => - storage.set(['theme'], document.querySelector('.notion-dark-theme') ? 'dark' : 'light'); - web.addDocumentObserver((mutation) => { - if (mutation.target === document.body && document.hasFocus()) updateTheme(); - }); - if (document.hasFocus()) updateTheme(); - document.addEventListener('visibilitychange', updateTheme); - - const sidebarSelector = '.notion-sidebar-container .notion-sidebar > div:nth-child(4)'; - await web.whenReady([sidebarSelector]); - - const $sidebarLink = web.html``; - $sidebarLink.addEventListener('click', env.focusMenu); - - const notifications = { - cache: await storage.get(['notifications'], []), - provider: [ - registry.welcomeNotification, - ...(await fs.getJSON('https://notion-enhancer.github.io/notifications.json')), - ], - count: (await registry.errors()).length, - }; - for (const notification of notifications.provider) { - if ( - !notifications.cache.includes(notification.id) && - notification.version === env.version && - (!notification.environments || notification.environments.includes(env.name)) - ) { - notifications.count++; - } - } - if (notifications.count) { - $sidebarLink.dataset.hasNotifications = true; - web.render( - $sidebarLink.children[0], - web.html`
${notifications.count}
` - ); - } - - web.render(document.querySelector(sidebarSelector), $sidebarLink); -} diff --git a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/markdown.css b/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/markdown.css deleted file mode 100644 index dc41b90..0000000 --- a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/markdown.css +++ /dev/null @@ -1,165 +0,0 @@ -/* - * notion-enhancer core: menu - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -.markdown table { - border-spacing: 0; - border: 1px solid var(--theme--ui_divider); -} -.markdown table th { - text-align: left; -} -.markdown table th, -.markdown table td { - padding: 5px 8px 6px; - border: 1px solid var(--theme--ui_divider); -} -.markdown h1 { - font-size: 1.875rem; - margin: 1rem 0 0.5rem 0; -} -.markdown h2 { - font-size: 1.5rem; - margin: 1rem 0 0.5rem 0; -} -.markdown h3 { - font-size: 1.25rem; - margin: 1rem 0 0.5rem 0; -} -.markdown ul, -.markdown ol { - padding-left: 1.25rem; -} -.markdown li { - margin: 0.4rem 0; -} -.markdown ol li { - padding-left: 0.25rem; -} -.markdown blockquote { - border-left: 2px solid currentColor; - padding-left: 0.75rem; - margin: 0.5rem 0; -} -.markdown hr { - border: 0.5px solid var(--theme--ui_divider); -} -.markdown.markdown-inline a { - opacity: 0.7; - text-decoration: none; - border-bottom: 0.05em solid var(--theme--text_secondary); -} -.markdown.markdown-inline a:hover { - opacity: 0.9; -} - -.markdown :not(pre) > code, -.markdown-inline code { - padding: 0.2em 0.4em; - border-radius: 3px; - background: var(--theme--code_inline); - color: var(--theme--code_inline-text); -} -.markdown pre { - padding: 2em 1.25em; - border-radius: 3px; - tab-size: 2; - white-space: pre; - overflow-x: auto; - background: var(--theme--code); - color: var(--theme--code_plain); -} -.markdown pre, -.markdown.markdown-inline code { - font-family: var(--theme--font_code); - font-size: 0.796875rem; - text-align: left; - word-spacing: normal; - word-break: normal; - word-wrap: normal; - hyphens: none; - line-height: 1.5; -} - -/* - * https://prismjs.com/plugins/inline-color/ - */ -.markdown .inline-color-wrapper { - /* - * base64 svg (https://stackoverflow.com/a/21626701/7595472 - prevents visual glitches) - * - * - * - * - */ - background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyIDIiPjxwYXRoIGZpbGw9ImdyYXkiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0wIDBoMXYxSDB6TTEgMWgxdjFIMXoiLz48L3N2Zz4='); - background-position: center; - background-size: 110%; - display: inline-block; - height: 1.333ch; - width: 1.333ch; - margin: 0 0.333ch; - box-sizing: border-box; - border: 0.5px solid var(--theme--code_plain); - overflow: hidden; -} -.markdown .inline-color { - display: block; - height: 120%; - width: 120%; -} - -/* - * https://prismjs.com/plugins/match-braces/ - */ -.markdown .token.punctuation.brace-hover, -.markdown .token.punctuation.brace-selected { - outline: solid 1px; -} - -/* - * https://prismjs.com/plugins/show-language/ - * https://prismjs.com/plugins/copy-to-clipboard/ - */ -.markdown .code-toolbar { - position: relative; -} -.markdown .code-toolbar .toolbar-item { - position: absolute; - top: 0.35rem; - display: inline-block; - transition: opacity 200ms ease-in-out; - opacity: 0; -} -.markdown .code-toolbar .toolbar-item:first-child { - left: 0.8rem; -} -.markdown .code-toolbar .toolbar-item:last-child { - right: 0.8rem; -} -.markdown .code-toolbar:hover .toolbar-item, -.markdown .code-toolbar:focus-within .toolbar-item { - opacity: 1; -} -.markdown .code-toolbar .toolbar-item > * { - padding: 0.25rem 0.35rem; - color: var(--theme--text_secondary); - font-size: 11px; - font-family: inherit; -} -.markdown .code-toolbar .toolbar-item .copy-to-clipboard-button { - border: none; - background: none; - cursor: pointer; - border-radius: 3px; - transition: background 100ms ease-in-out; -} -.markdown .code-toolbar .toolbar-item .copy-to-clipboard-button:hover { - background: var(--theme--button-hover); -} -.markdown .code-toolbar .toolbar-item .copy-to-clipboard-button svg { - width: 1em; - margin-right: 0.5em; -} diff --git a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/menu.css b/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/menu.css deleted file mode 100644 index ecf5bee..0000000 --- a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/menu.css +++ /dev/null @@ -1,25 +0,0 @@ -/* - * notion-enhancer core: menu - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -::selection { - background: var(--theme--accent_blue-selection); -} - -::-webkit-scrollbar { - width: 10px; - height: 10px; - background: transparent; -} -::-webkit-scrollbar-track, -::-webkit-scrollbar-corner { - background: var(--theme--scrollbar_track) !important; -} -::-webkit-scrollbar-thumb { - background: var(--theme--scrollbar_thumb) !important; -} -::-webkit-scrollbar-thumb:hover { - background: var(--theme--scrollbar_thumb-hover) !important; -} diff --git a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/menu.html b/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/menu.html deleted file mode 100644 index ec6337a..0000000 --- a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/menu.html +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - notion-enhancer menu - - - - - diff --git a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/menu.mjs b/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/menu.mjs deleted file mode 100644 index e171d69..0000000 --- a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/menu.mjs +++ /dev/null @@ -1,370 +0,0 @@ -/* - * notion-enhancer core: menu - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -'use strict'; - -import { env, fs, storage, registry, web, components } from '../../api/_.mjs'; -import { notifications } from './notifications.mjs'; -import { blocks, options } from './blocks.mjs'; -import './styles.mjs'; - -const db = await registry.db('a6621988-551d-495a-97d8-3c568bca2e9e'), - profileName = await registry.profileName(), - profileDB = await registry.profileDB(); - -for (const mod of await registry.list((mod) => registry.enabled(mod.id))) { - for (const sheet of mod.css?.menu || []) { - web.loadStylesheet(`repo/${mod._dir}/${sheet}`); - } -} - -web.addHotkeyListener(await db.get(['hotkey']), env.focusNotion); - -const loadTheme = async () => { - document.documentElement.className = - (await storage.get(['theme'], 'light')) === 'dark' ? 'dark' : ''; -}; -document.addEventListener('visibilitychange', loadTheme); -loadTheme(); - -window.addEventListener('beforeunload', (event) => { - // trigger input save - document.activeElement.blur(); -}); - -const $main = web.html`
`, - $sidebar = web.html``, - $options = web.html`
-

Select a mod to view and configure its options.

-
`, - $profile = web.html``; - -let _$profileConfig; -$profile.addEventListener('click', async (event) => { - for (const $selected of document.querySelectorAll('.mod-selected')) { - $selected.className = 'mod'; - } - if (!_$profileConfig) { - const profileNames = [ - ...new Set([ - ...Object.keys(await storage.get(['profiles'], { default: {} })), - profileName, - ]), - ], - $options = profileNames.map( - (profile) => web.raw`` - ), - $select = web.html``, - $edit = web.html``, - $export = web.html``, - $import = web.html``, - $save = web.html``, - $delete = web.html``, - $error = web.html`

`; - $export.addEventListener('click', async (event) => { - const now = new Date(), - $a = web.html``; - web.render(document.body, $a); - $a.click(); - $a.remove(); - }); - $import.addEventListener('change', (event) => { - const file = event.target.files[0], - reader = new FileReader(); - reader.onload = async (progress) => { - try { - const profileUpload = JSON.parse(progress.currentTarget.result); - if (!profileUpload) throw Error; - await storage.set(['profiles', $select.value], profileUpload); - env.reload(); - } catch { - web.render(web.empty($error), 'Invalid JSON uploaded.'); - } - }; - reader.readAsText(file); - }); - $select.addEventListener('change', async (event) => { - if ($select.value === '--') { - $edit.value = ''; - } else $edit.value = $select.value; - }); - $save.addEventListener('click', async (event) => { - if (profileNames.includes($edit.value) && $select.value !== $edit.value) { - web.render( - web.empty($error), - `The profile "${web.escape($edit.value)}" already exists.` - ); - return false; - } - if (!$edit.value) { - web.render(web.empty($error), 'Profile names cannot be empty.'); - return false; - } - if (!$edit.value.match(/^[A-Za-z0-9_-]+$/)) { - web.render( - web.empty($error), - 'Profile names can only contain letters, numbers, dashes and underscores.' - ); - return false; - } - await storage.set(['currentprofile'], $edit.value); - if ($select.value === '--') { - await storage.set(['profiles', $edit.value], {}); - } else if ($select.value !== $edit.value) { - await storage.set( - ['profiles', $edit.value], - await storage.get(['profiles', $select.value], {}) - ); - await storage.set(['profiles', $select.value], undefined); - } - env.reload(); - }); - $delete.addEventListener('click', async (event) => { - await storage.set(['profiles', $select.value], undefined); - await storage.set( - ['currentprofile'], - profileNames.find((profile) => profile !== $select.value) || 'default' - ); - env.reload(); - }); - - _$profileConfig = web.render( - web.html`
`, - web.html`

- Profiles are used to switch entire configurations. - Here they can be selected, renamed or deleted. - Profile names can only contain letters, numbers, - dashes and underscores.
- Be careful - deleting a profile deletes all configuration - related to it. -

`, - web.render( - web.html``, - $select, - web.html`${await components.feather('chevron-down', { class: 'input-icon' })}` - ), - web.render( - web.html``, - $edit, - web.html`${await components.feather('type', { class: 'input-icon' })}` - ), - web.render(web.html`

`, $export, $import, $save, $delete), - $error - ); - } - web.render(web.empty($options), _$profileConfig); -}); - -const _$modListCache = {}, - generators = { - options: async (mod) => { - const $fragment = document.createDocumentFragment(); - for (const opt of mod.options) { - web.render($fragment, await options[opt.type](mod, opt)); - } - if (!mod.options.length) { - web.render($fragment, web.html`

No options.

`); - } - return $fragment; - }, - mod: async (mod) => { - const $mod = web.html`
`, - $toggle = blocks.toggle('', await registry.enabled(mod.id)); - $toggle.addEventListener('change', async (event) => { - if (event.target.checked && mod.tags.includes('theme')) { - const mode = mod.tags.includes('light') ? 'light' : 'dark', - id = mod.id, - mods = await registry.list( - (mod) => - mod.environments.includes(env.name) && - mod.tags.includes('theme') && - mod.tags.includes(mode) && - mod.id !== id - ); - for (const mod of mods) { - profileDB.set(['_mods', mod.id], false); - document.querySelector( - `[data-id="${web.escape(mod.id)}"] .toggle-check` - ).checked = false; - } - } - profileDB.set(['_mods', mod.id], event.target.checked); - notifications.onChange(); - }); - $mod.addEventListener('click', async (event) => { - if ($mod.className === 'mod-selected') return; - for (const $selected of document.querySelectorAll('.mod-selected')) { - $selected.className = 'mod'; - } - $mod.className = 'mod-selected'; - const fragment = [ - web.render(blocks.title(mod.name), blocks.version(mod.version)), - blocks.tags(mod.tags), - await generators.options(mod), - ]; - web.render(web.empty($options), ...fragment); - }); - return web.render( - web.html`
`, - web.render( - $mod, - mod.preview - ? blocks.preview( - mod.preview.startsWith('http') - ? mod.preview - : fs.localPath(`repo/${mod._dir}/${mod.preview}`) - ) - : '', - web.render( - web.html`
`, - web.render(blocks.title(mod.name), blocks.version(mod.version)), - blocks.tags(mod.tags), - blocks.description(mod.description), - blocks.authors(mod.authors), - mod.environments.includes(env.name) && !registry.core.includes(mod.id) - ? $toggle - : '' - ) - ) - ); - }, - modList: async (category, message = '') => { - if (!_$modListCache[category]) { - const $search = web.html``, - $list = web.html`
`, - mods = await registry.list( - (mod) => mod.environments.includes(env.name) && mod.tags.includes(category) - ); - web.addHotkeyListener(['/'], () => $search.focus()); - $search.addEventListener('input', (event) => { - const query = $search.value.toLowerCase(); - for (const $mod of $list.children) { - const matches = !query || $mod.innerText.toLowerCase().includes(query); - $mod.classList[matches ? 'remove' : 'add']('hidden'); - } - }); - for (const mod of mods) { - mod.tags = mod.tags.filter((tag) => tag !== category); - web.render($list, await generators.mod(mod)); - mod.tags.unshift(category); - } - _$modListCache[category] = web.render( - web.html`
`, - web.render( - web.html``, - $search, - web.html`${await components.feather('search', { class: 'input-icon' })}` - ), - message ? web.html`

${web.escape(message)}

` : '', - $list - ); - } - return _$modListCache[category]; - }, - }; - -const $notionNavItem = web.html`

- ${(await fs.getText('icon/colour.svg')).replace( - /width="\d+" height="\d+"/, - `class="nav-notion-icon"` - )} - notion-enhancer -

`; -$notionNavItem.addEventListener('click', env.focusNotion); - -const $coreNavItem = web.html`core`, - $extensionsNavItem = web.html`extensions`, - $themesNavItem = web.html`themes`; - -web.render( - document.body, - web.render( - web.html`
`, - web.render( - web.html`
`, - web.render( - web.html``, - $notionNavItem, - $coreNavItem, - $extensionsNavItem, - $themesNavItem, - web.html`docs`, - web.html`community` - ), - $main - ), - web.render($sidebar, $profile, $options) - ) -); - -function selectNavItem($item) { - for (const $selected of document.querySelectorAll('.nav-item-selected')) { - $selected.className = 'nav-item'; - } - $item.className = 'nav-item-selected'; -} - -import * as router from './router.mjs'; - -router.addView('core', async () => { - web.empty($main); - selectNavItem($coreNavItem); - return web.render($main, await generators.modList('core')); -}); - -router.addView('extensions', async () => { - web.empty($main); - selectNavItem($extensionsNavItem); - return web.render($main, await generators.modList('extension')); -}); - -router.addView('themes', async () => { - web.empty($main); - selectNavItem($themesNavItem); - return web.render( - $main, - await generators.modList( - 'theme', - `Dark themes will only work when Notion is in dark mode, - and light themes will only work when Notion is in light mode. - Only one theme of each mode can be enabled at a time.` - ) - ); -}); - -router.loadView('extensions', $main); diff --git a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/mod.json b/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/mod.json deleted file mode 100644 index 0aa7b7f..0000000 --- a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/mod.json +++ /dev/null @@ -1,31 +0,0 @@ -{ - "name": "menu", - "id": "a6621988-551d-495a-97d8-3c568bca2e9e", - "version": "0.11.0", - "description": "the enhancer's graphical menu, related buttons and shortcuts.", - "tags": ["core"], - "authors": [ - { - "name": "dragonwocky", - "email": "thedragonring.bod@gmail.com", - "homepage": "https://dragonwocky.me/", - "avatar": "https://dragonwocky.me/avatar.jpg" - } - ], - "css": { - "client": ["client.css"], - "menu": ["menu.css", "markdown.css"] - }, - "js": { - "client": ["client.mjs"] - }, - "options": [ - { - "type": "hotkey", - "key": "hotkey", - "label": "toggle focus hotkey", - "value": "Ctrl+Alt+E", - "tooltip": "switches between notion & the enhancer menu" - } - ] -} diff --git a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/notifications.mjs b/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/notifications.mjs deleted file mode 100644 index 97e0f93..0000000 --- a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/notifications.mjs +++ /dev/null @@ -1,86 +0,0 @@ -/* - * notion-enhancer core: menu - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -'use strict'; - -import { env, fs, storage, fmt, registry, web, components } from '../../api/_.mjs'; -import { tw } from './styles.mjs'; - -export const notifications = { - $container: web.html`
`, - cache: await storage.get(['notifications'], []), - provider: [ - registry.welcomeNotification, - ...(await fs.getJSON('https://notion-enhancer.github.io/notifications.json')), - ], - async add({ icon, message, id = undefined, color = undefined, link = undefined }) { - const $notification = link - ? web.html`` - : web.html``, - resolve = async () => { - if (id !== undefined) { - notifications.cache.push(id); - await storage.set(['notifications'], notifications.cache); - } - $notification.remove(); - }; - $notification.addEventListener('click', resolve); - $notification.addEventListener('keyup', (event) => { - if (['Enter', ' '].includes(event.key)) resolve(); - }); - web.render( - notifications.$container, - web.render( - $notification, - web.html` - ${fmt.md.renderInline(message)} - `, - web.html`${await components.feather(icon, { class: 'notification-icon' })}` - ) - ); - return $notification; - }, - _onChange: false, - async onChange() { - if (this._onChange) return; - this._onChange = true; - const $notification = await this.add({ - icon: 'refresh-cw', - message: 'Reload to apply changes.', - }); - $notification.addEventListener('click', env.reload); - }, -}; -web.render(document.body, notifications.$container); -for (const notification of notifications.provider) { - if ( - !notifications.cache.includes(notification.id) && - notification.version === env.version && - (!notification.environments || notification.environments.includes(env.name)) - ) { - notifications.add(notification); - } -} - -const errors = await registry.errors(); -if (errors.length) { - console.log('[notion-enhancer] registry errors:'); - console.table(errors); - notifications.add({ - icon: 'alert-circle', - message: 'Failed to load mods (check console).', - color: 'red', - }); -} diff --git a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/router.mjs b/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/router.mjs deleted file mode 100644 index 8a5e70e..0000000 --- a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/router.mjs +++ /dev/null @@ -1,72 +0,0 @@ -/* - * notion-enhancer core: menu - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -'use strict'; - -import { web } from '../../api/_.mjs'; - -let _defaultView = ''; -const _views = new Map(); - -export function addView(name, loadFunc) { - _views.set(name, loadFunc); -} -export function removeView(name) { - _views.delete(name); -} - -function router(event) { - event.preventDefault(); - const anchor = event.path - ? event.path.find((anchor) => anchor.nodeName === 'A') - : event.target; - if (location.search !== anchor.getAttribute('href')) { - window.history.pushState(null, null, anchor.href); - loadView(); - } -} -function navigator(event) { - event.preventDefault(); - const anchor = event.path - ? event.path.find((anchor) => anchor.nodeName === 'A') - : event.target, - hash = anchor.getAttribute('href').slice(1); - document.getElementById(hash).scrollIntoView(true); - document.documentElement.scrollTop = 0; - history.replaceState({ search: location.search, hash }, null, `#${hash}`); -} - -export async function loadView(defaultView = null) { - if (defaultView) _defaultView = defaultView; - if (!_defaultView) throw new Error('no view root set.'); - - const query = web.queryParams(), - fallbackView = () => { - window.history.replaceState(null, null, `?view=${_defaultView}`); - return loadView(); - }; - if (!query.get('view') || document.body.dataset.view !== query.get('view')) { - if (_views.get(query.get('view'))) { - await _views.get(query.get('view'))(); - } else return fallbackView(); - } else return fallbackView(); -} - -window.addEventListener('popstate', (event) => { - if (event.state) loadView(); - document.getElementById(location.hash.slice(1))?.scrollIntoView(true); - document.documentElement.scrollTop = 0; -}); -web.addDocumentObserver((mutation) => { - mutation.target.querySelectorAll('a[href^="?"]').forEach((a) => { - a.removeEventListener('click', router); - a.addEventListener('click', router); - }); - mutation.target.querySelectorAll('a[href^="#"]').forEach((a) => { - a.removeEventListener('click', navigator); - a.addEventListener('click', navigator); - }); -}); diff --git a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/styles.mjs b/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/styles.mjs deleted file mode 100644 index 22e0604..0000000 --- a/extension/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/styles.mjs +++ /dev/null @@ -1,157 +0,0 @@ -/* - * notion-enhancer core: menu - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -'use strict'; - -// css-in-js for better component generation - -import { tw, apply, setup } from '../../dep/twind.mjs'; -import { content } from '../../dep/twind-content.mjs'; -const pseudoContent = content('""'); - -const mapColorVariables = (color) => ({ - 'text': `var(--theme--text_${color})`, - 'highlight': `var(--theme--highlight_${color})`, - 'highlight-text': `var(--theme--highlight_${color}-text)`, - 'block': `var(--theme--block_${color})`, - 'block-text': `var(--theme--block_${color}-text)`, - 'tag': `var(--theme--tag_${color})`, - 'tag-text': `var(--theme--tag_${color}-text)`, - 'callout': `var(--theme--callout_${color})`, - 'callout-text': `var(--theme--callout_${color}-text)`, -}); - -const customClasses = { - 'notifications-container': apply`absolute bottom-0 right-0 px-4 py-3 max-w-full w-96`, - 'notification': ([color = 'default']) => - apply`p-2 ${ - color === 'default' - ? 'bg-tag text-tag-text hover:bg-interactive-hover border border-divider' - : `bg-${color}-tag text-${color}-tag-text border border-${color}-text hover:bg-${color}-text` - } flex items-center rounded-full mt-3 shadow-md cursor-pointer`, - 'notification-text': apply`font-semibold text-xs mx-2 flex-auto`, - 'notification-icon': apply`fill-current opacity-75 h-4 w-4 mx-2`, - 'body-container': apply`flex w-full h-full overflow-hidden`, - 'content-container': apply`h-full w-full-96`, - 'nav': apply`px-4 py-3 flex flex-wrap items-center border-b border-divider h-64 sm:h-48 md:h-32 lg:h-16`, - 'nav-notion': apply`flex items-center font-semibold text-xl cursor-pointer select-none mr-4 - ml-4 sm:mb-4 md:w-full lg:(w-auto ml-0 mb-0)`, - 'nav-notion-icon': apply`h-12 w-12 mr-5 sm:(h-6 w-6 mr-3)`, - 'nav-item': apply`ml-4 px-3 py-2 rounded-md text-sm font-medium hover:bg-interactive-hover focus:bg-interactive-active`, - 'nav-item-selected': apply`ml-4 px-3 py-2 rounded-md text-sm font-medium ring-1 ring-divider bg-notion-secondary`, - 'main': apply`transition px-4 py-3 overflow-y-auto max-h-full-64 sm:max-h-full-48 md:max-h-full-32 lg:max-h-full-16`, - 'main-message': apply`mx-2.5 my-2.5 px-px text-sm text-foreground-secondary text-justify`, - 'mods-list': apply`flex flex-wrap`, - 'mod-container': apply`w-full md:w-1/2 lg:w-1/3 xl:w-1/4 2xl:w-1/5 px-2.5 py-2.5 box-border`, - 'mod': apply`relative h-full w-full flex flex-col overflow-hidden rounded-lg shadow-lg - bg-notion-secondary border border-divider cursor-pointer`, - 'mod-selected': apply`mod ring ring-accent-blue-focus`, - 'mod-body': apply`px-4 py-3 flex flex-col flex-auto children:cursor-pointer`, - 'mod-preview': apply`object-cover w-full h-32`, - 'mod-title': apply`mb-2 text-xl font-semibold tracking-tight flex items-center`, - 'mod-version': apply`mt-px ml-3 p-1 font-normal text-xs leading-none bg-tag text-tag-text rounded`, - 'mod-tags': apply`text-foreground-secondary mb-2 text-xs`, - 'mod-description': apply`mb-2 text-sm`, - 'mod-authors-container': apply`text-sm font-medium`, - 'mod-author': apply`flex items-center mb-2`, - 'mod-author-avatar': apply`inline object-cover w-5 h-5 rounded-full mr-2`, - 'sidebar': apply`h-full w-96 px-4 pt-3 pb-32 flex flex-col bg-notion-secondary border-l border-divider`, - 'profile-trigger': apply`block px-4 py-3 mb-2 rounded-md text-sm text-left font-semibold shadow-inner - bg-accent-red-hover border border-accent-red text-accent-red focus:(outline-none ring ring-inset ring-accent-red)`, - 'profile-actions': apply`flex`, - 'profile-save': apply`text-sm px-3 py-2 font-medium mt-2 bg-accent-blue text-accent-blue-text rounded-md flex-grow - hover:bg-accent-blue-hover focus:(bg-accent-blue-focus outline-none) text-center`, - 'profile-delete': apply`text-sm px-3 py-2 font-medium ml-3 mt-2 bg-red-tag text-red-tag-text rounded-md flex-grow - border border-red-text hover:bg-red-text focus:(outline-none bg-red-text) text-center`, - 'profile-export': apply`profile-save mr-2`, - 'profile-import': apply`profile-save mr-2`, - 'profile-error': apply`text-xs mt-2 text-red-text`, - 'profile-icon-action': apply`w-4 h-4 -mt-1 inline-block`, - 'profile-icon-text': apply`w-4 h-4 -mt-1 inline-block mr-1`, - 'options-container': apply`px-4 py-3 shadow-inner rounded-lg bg-notion border border-divider space-y-3`, - 'options-placeholder': apply`text-sm text-foreground-secondary`, - 'toggle-box': apply`w-9 h-5 p-0.5 flex items-center bg-toggle-off rounded-full duration-300 ease-in-out cursor-pointer`, - 'toggle-label': apply`relative text-sm flex w-full mt-auto`, - 'toggle-check': apply`appearance-none ml-auto checked:sibling:(bg-toggle-on after::translate-x-4)`, - 'toggle-feature': apply`after::(${pseudoContent} w-4 h-4 bg-toggle-feature rounded-full duration-300) cursor-pointer`, - 'input-label': apply`block text-sm mt-2 relative`, - 'input': apply`transition block w-full mt-2 pl-3 pr-14 py-2 text-sm rounded-md flex bg-input text-foreground - appearance-none placeholder-foreground-secondary ring-1 ring-divider focus:(outline-none ring ring-accent-blue-focus)`, - 'input-tooltip': apply`h-4 w-4 -mt-1 inline-block mr-2`, - 'input-icon': apply`absolute w-11 h-9 right-0 bottom-0 py-2 px-3 bg-notion-secondary rounded-r-md text-icon`, - 'input-placeholder': apply`text-foreground-secondary`, - 'select-option': apply`bg-notion-secondary`, - 'file-latest': apply`block w-full text-left text-foreground-secondary text-xs mt-2 hover:line-through cursor-pointer`, - 'search-container': apply`block mx-2.5 my-2.5 relative`, - 'search': apply`input pr-12`, -}; - -setup({ - preflight: { - html: apply`w-full h-full`, - body: apply`w-full h-full bg-notion font-sans text-foreground`, - }, - theme: { - fontFamily: { - sans: ['var(--theme--font_sans)'], - mono: ['var(--theme--font_mono)'], - }, - colors: { - 'notion': 'var(--theme--bg)', - 'notion-secondary': 'var(--theme--bg_secondary)', - 'notion-popup': 'var(--theme--bg_popup)', - 'divider': 'var(--theme--ui_divider)', - 'input': 'var(--theme--ui_input)', - 'icon': 'var(--theme--icon)', - 'icon-secondary': 'var(--theme--icon_secondary)', - 'foreground': 'var(--theme--text)', - 'foreground-secondary': 'var(--theme--text_secondary)', - 'interactive-hover': 'var(--theme--ui_interactive-hover)', - 'interactive-active': 'var(--theme--ui_interactive-active)', - 'tag': 'var(--theme--tag_default)', - 'tag-text': 'var(--theme--tag_default-text)', - 'toggle': { - 'on': 'var(--theme--ui_toggle-on)', - 'off': 'var(--theme--ui_toggle-off)', - 'feature': 'var(--theme--ui_toggle-feature)', - }, - 'accent': { - 'blue': 'var(--theme--accent_blue)', - 'blue-hover': 'var(--theme--accent_blue-hover)', - 'blue-focus': 'var(--theme--accent_blue-focus)', - 'blue-text': 'var(--theme--accent_blue-text)', - 'red': 'var(--theme--accent_red)', - 'red-hover': 'var(--theme--accent_red-hover)', - 'red-text': 'var(--theme--accent_red-text)', - }, - 'grey': mapColorVariables('grey'), - 'brown': mapColorVariables('brown'), - 'orange': mapColorVariables('orange'), - 'yellow': mapColorVariables('yellow'), - 'green': mapColorVariables('green'), - 'blue': mapColorVariables('blue'), - 'purple': mapColorVariables('purple'), - 'pink': mapColorVariables('pink'), - 'red': mapColorVariables('red'), - }, - extend: { - width: { - 'full-96': 'calc(100% - 24rem)', - }, - maxHeight: { - 'full-16': 'calc(100% - 4rem)', - 'full-32': 'calc(100% - 8rem)', - 'full-48': 'calc(100% - 12rem)', - 'full-64': 'calc(100% - 16rem)', - }, - }, - }, - plugins: customClasses, -}); - -tw`hidden ${Object.keys(customClasses).join(' ')}`; - -export { tw }; diff --git a/extension/repo/registry.json b/extension/repo/registry.json deleted file mode 100644 index 7977fb3..0000000 --- a/extension/repo/registry.json +++ /dev/null @@ -1,8 +0,0 @@ -[ - "menu@a6621988-551d-495a-97d8-3c568bca2e9e", - "theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082", - "components@36a2ffc9-27ff-480e-84a7-c7700a7d232d", - "tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2", - "bypass-preview@cb6fd684-f113-4a7a-9423-8f0f0cff069f", - "calendar-scroll@b1c7db33-dfee-489a-a76c-0dd66f7ed29a" -] diff --git a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/client.mjs b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/client.mjs deleted file mode 100644 index 4ec6ac3..0000000 --- a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/client.mjs +++ /dev/null @@ -1,20 +0,0 @@ -/* - * notion-enhancer core: theming - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -'use strict'; - -export default function (api, db) { - const { web } = api; - - const updateTheme = () => - document.documentElement.classList[ - document.body.classList.contains('dark') ? 'add' : 'remove' - ]('dark'); - updateTheme(); - web.addDocumentObserver((mutation) => { - if (mutation.target === document.body) updateTheme(); - }); -} diff --git a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/mod.json b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/mod.json deleted file mode 100644 index 27b6db1..0000000 --- a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/mod.json +++ /dev/null @@ -1,24 +0,0 @@ -{ - "name": "theming", - "id": "0f0bf8b6-eae6-4273-b307-8fc43f2ee082", - "version": "0.11.0", - "description": "the default theme variables, required by other themes & extensions.", - "tags": ["core"], - "authors": [ - { - "name": "dragonwocky", - "email": "thedragonring.bod@gmail.com", - "homepage": "https://dragonwocky.me/", - "avatar": "https://dragonwocky.me/avatar.jpg" - } - ], - "css": { - "frame": ["variables.css"], - "client": ["variables.css", "prism.css", "theme.css"], - "menu": ["variables.css", "prism.css"] - }, - "js": { - "client": ["client.mjs"] - }, - "options": [] -} diff --git a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/prism.css b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/prism.css deleted file mode 100644 index 6d9ae4f..0000000 --- a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/prism.css +++ /dev/null @@ -1,156 +0,0 @@ -/* - * notion-enhancer core: theming - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -.token.property { - color: var(--theme--code_property) !important; -} -.token.tag { - color: var(--theme--code_tag) !important; -} -.token.boolean { - color: var(--theme--code_boolean) !important; -} -.token.number { - color: var(--theme--code_number) !important; -} -.token.constant { - color: var(--theme--code_constant) !important; -} -.token.symbol { - color: var(--theme--code_symbol) !important; -} -.token.deleted { - color: var(--theme--code_deleted) !important; -} -.token.selector { - color: var(--theme--code_selector) !important; -} -.token.attr-name { - color: var(--theme--code_attr-name) !important; -} -.token.string { - color: var(--theme--code_string) !important; -} -.token.char { - color: var(--theme--code_char) !important; -} -.token.builtin { - color: var(--theme--code_builtin) !important; -} -.token.inserted { - color: var(--theme--code_inserted) !important; -} -.token.operator { - color: var(--theme--code_operator) !important; -} -.token.entity { - color: var(--theme--code_entity) !important; -} -.token.url { - color: var(--theme--code_url) !important; -} -.token.variable { - color: var(--theme--code_variable) !important; -} -.token.comment { - color: var(--theme--code_comment) !important; -} -.token.cdata { - color: var(--theme--code_cdata) !important; -} -.token.prolog { - color: var(--theme--code_prolog) !important; -} -.token.doctype { - color: var(--theme--code_doctype) !important; -} -.token.atrule { - color: var(--theme--code_atrule) !important; -} -.token.attr-value { - color: var(--theme--code_attr-value) !important; -} -.token.keyword { - color: var(--theme--code_keyword) !important; -} -.token.regex { - color: var(--theme--code_regex) !important; -} -.token.important { - color: var(--theme--code_important) !important; -} -.token.function { - color: var(--theme--code_function) !important; -} -.token.class-name { - color: var(--theme--code_class-name) !important; -} -.token.parameter { - color: var(--theme--code_parameter) !important; -} -.token.decorator { - color: var(--theme--code_decorator) !important; -} -.token.id { - color: var(--theme--code_id) !important; -} -.token.class { - color: var(--theme--code_class) !important; -} -.token.pseudo-element { - color: var(--theme--code_pseudo-element) !important; -} -.token.pseudo-class { - color: var(--theme--code_pseudo-class) !important; -} -.token.attribute { - color: var(--theme--code_attribute) !important; -} -.token.value { - color: var(--theme--code_value) !important; -} -.token.unit { - color: var(--theme--code_unit) !important; -} -.token.punctuation { - color: var(--theme--code_punctuation) !important; - opacity: 0.7 !important; -} -.token.annotation { - color: var(--theme--code_annotation) !important; -} - -.token.operator { - background: transparent !important; -} -.token.namespace { - opacity: 0.7 !important; -} -.token.important, -.token.bold { - font-weight: bold !important; -} -.token.italic { - font-style: italic !important; -} -.token.entity { - cursor: help !important; -} -.token a { - color: inherit !important; -} -.token.punctuation.brace-hover, -.token.punctuation.brace-selected { - outline: solid 1px !important; -} - -.token.operator, -.token.entity, -.token.url, -.language-css .token.string, -.style .token.string { - background: none !important; -} diff --git a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/theme.css b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/theme.css deleted file mode 100644 index 7a4f74f..0000000 --- a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/theme.css +++ /dev/null @@ -1,1352 +0,0 @@ -/* - * notion-enhancer core: theming - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -/** layout **/ - -.notion-frame .notion-scroller [style*='env(safe-area-inset-'][style*=' width: 900px'], -.notion-frame .notion-scroller [style*='env(safe-area-inset-'][style*=';width: 900px'], -.notion-frame - .notion-scroller - [style*='height: 30vh'] - [style*='pointer-events:'][style*='max-width: 100%; width: 900px'] { - width: var(--theme--page-width) !important; -} -.notion-frame .notion-scroller [style*='env(safe-area-inset-'][style*=' width: 100%'], -.notion-frame - .notion-scroller - [style*='height: 30vh'] - [style*='pointer-events:'][style*='max-width: 100%; width: 100%'] { - width: var(--theme--page-width_full) !important; -} -.notion-frame - [style*='padding-left: calc(96px + env(safe-area-inset-left)); padding-right: calc(96px + env(safe-area-inset-right));'] { - padding-left: var(--theme--page-padding) !important; - padding-right: var(--theme--page-padding) !important; -} -[style^='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 30vh;'], -[style^='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 30vh;'] - img { - height: var(--theme--page_banner-height) !important; -} - -.notion-peek-renderer > :nth-child(2) { - max-width: var(--theme--page_preview-width) !important; -} - -.notion-peek-renderer - .notion-scroller.vertical - [style*='padding-left: calc(126px + env(safe-area-inset-left));'] { - padding-left: var(--theme--page_preview-padding) !important; -} -.notion-peek-renderer - .notion-scroller.vertical - [style*='padding-right: calc(126px + env(safe-area-inset-right));'] { - padding-right: var(--theme--page_preview-padding) !important; -} -.notion-peek-renderer - .notion-scroller.vertical - [style*='margin-left: calc(126px + env(safe-area-inset-left));'] { - margin-left: var(--theme--page_preview-padding) !important; -} -.notion-peek-renderer - .notion-scroller.vertical - [style*='margin-right: calc(126px + env(safe-area-inset-right));'] { - margin-right: var(--theme--page_preview-padding) !important; -} -.notion-peek-renderer .notion-page-content { - padding-left: var(--theme--page_preview-padding) !important; - padding-right: var(--theme--page_preview-padding) !important; - width: 100%; -} -.notion-peek-renderer - .notion-scroller.vertical - [style*='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 20vh;'], -.notion-peek-renderer - .notion-scroller.vertical - [style*='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 20vh;'] - img { - height: var(--theme--page_preview_banner-height) !important; -} - -/* backgrounds */ - -body, -.notion-cursor-listener, -.notion-frame, -.notion-timeline-view, -.notion-cursor-listener > div > :first-child[style*='z-index: 100;'], -.notion-space-settings > div > div > div:nth-child(2) > div, -.notion-body.dark .notion-collection_view_page-block > [style*='background: rgb(47, 52, 55)'], -.notion-body.dark .notion-collection_view_page-block[style*='background: rgb(47, 52, 55)'], -.notion-body:not(.dark) .notion-collection_view_page-block > [style*='background: white'], -.notion-body:not(.dark) .notion-collection_view_page-block[style*='background: white'], -.notion-body.dark .notion-collection_view-block > [style*='background: rgb(47, 52, 55)'], -.notion-body.dark .notion-collection_view-block[style*='background: rgb(47, 52, 55)'], -.notion-body:not(.dark) .notion-collection_view-block > [style*='background: white'], -.notion-body:not(.dark) .notion-collection_view-block[style*='background: white'], -.notion-body.dark .notion-timeline-view [style*='background: rgb(47, 52, 55)'], -.notion-body:not(.dark) - .notion-timeline-view - [style*='background: white']:not(.notion-timeline-item), -.notion-body:not(.dark) .notion-timeline-view [style*='background: rgb(253, 253, 253);'], -.notion-updates-menu footer > div[style*='background'], -:not(.notion-sidebar-container) > div > div > .notion-sidebar > :nth-child(2), -:not(.notion-sidebar-container) > div > div > .notion-sidebar > :nth-child(3), -:not(.notion-sidebar-container) > div > div > .notion-sidebar > :nth-child(3) > :nth-child(2), -.notion-peek-renderer > div[style*='background'], -.notion-peek-renderer > div[style*='background'] > :first-child, -.notion-peek-renderer > div[style*='background'] > :first-child > div > :nth-child(3), -.notion-page-template-modal { - background: var(--theme--bg) !important; -} -.notion-timeline-item-row + div > div > div, -.notion-timeline-view > :nth-child(2) > :first-child > div > div { - border: 1px solid var(--theme--bg) !important; - background: var(--theme--ui_toggle-off) !important; -} -.notion-timeline-item-row + div > div > div svg, -.notion-timeline-view > :nth-child(2) > :first-child > div > div svg { - fill: var(--theme--bg) !important; -} - -.notion-sidebar-container, -.notion-sidebar > [style*='border-top-right-radius'], -.notion-space-settings > div > div > div:first-child, -.notion-body.dark .notion-collection_view_page-block [style*='background: rgb(55, 60, 63)'], -.notion-body:not(.dark) - .notion-collection_view_page-block - [style*='background: rgb(247, 246, 243)'], -.notion-body.dark .notion-collection_view-block [style*='background: rgb(55, 60, 63)'], -.notion-body:not(.dark) - .notion-collection_view-block - [style*='background: rgb(247, 246, 243)'], -.notion-body.dark .notion-timeline-view [style*='background: rgb(55, 60, 63)'], -.notion-body:not(.dark) .notion-timeline-view [style*='background: rgb(247, 246, 243)'], -.notion-space-settings - > div - > div - > div:nth-child(2) - table - td[style*='background:']:not([style*='background: transparent']), -.notion-timeline-view > :first-child > div, -.notion-body:not(.dark) - .notion-timeline-view - > div - > div - > [style*='background: rgb(247, 247, 247); border-radius: 11px;'], -.notion-page-template-modal > :last-child, -.notion-page-template-modal > :last-child > div > :last-child { - background: var(--theme--bg_secondary) !important; -} - -.notion-default-overlay-container - [style*='position: absolute; inset: 0px; background: rgba(15, 15, 15, 0.6);']:empty { - background: var(--theme--ui_shadow) !important; -} - -.notion-overlay-container.notion-default-overlay-container - [style*='display: flex'] - > [style*='position: relative; max-width:'][style*='overflow: hidden']:not([style*='border-radius: 3px;'][style*='position: relative; max-width: calc(100vw - 24px); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; overflow: hidden;'][style*='padding: 4px 8px; font-size: 12px; line-height: 1.4; font-weight: 500;']), -.notion-overlay-container.notion-default-overlay-container - [style*='display: flex'] - > [style*='position: relative; max-width:'][style*='overflow: hidden'] - footer - > [style*='background-color:'], -.notion-updates-menu > :first-child > div[style*='background'], -#notion-app - > div - > div.notion-overlay-container.notion-default-overlay-container - > div:nth-child(2) - > div - > div:nth-child(2)[style*='margin-bottom: 0px; top: 90px; overflow: hidden; width: 75%;'], -.notion-default-overlay-container - > div - > div:not(.notion-peek-renderer) - > [style*='box-shadow'], -.notion-page-block.notion-collection-item > a[style*='background:'], -[style*='z-index:'][style*='box-shadow: '][style*='font-size: 12px;'][style*='min-height: 24px; overflow: hidden; pointer-events:'], -.notion-focusable[role='button'][tabindex='0'][style*='box-shadow:'][style*='background:'][style*='transition: background 20ms ease-in 0s; cursor: pointer;']:not([style*='rgb(46, 170, 220);']):not([style*='rgb(6, 156, 205);']):not([style*='rgb(0, 141, 190);']):not([style*='flex: 1 1 0%; white-space: nowrap; height: 26px; border-radius: 3px 0px 0px 3px;']), -.notion-text-action-menu > div > div, -.notion-default-overlay-container - [style*='min-width: 300px;'] - [style*='width: 240px'] - > .notion-focusable:not(:hover), -.notion-transclusion_reference-block > div > div > :nth-child(3), -.notion-transclusion_container-block > div > div > :nth-child(3), -.notion-page-block > div > div > div > .notion-focusable:not(:hover) { - background: var(--theme--bg_popup) !important; - box-shadow: var(--theme--ui_shadow, rgba(15, 15, 15, 0.05)) 0px 0px 0px 1px, - var(--theme--ui_shadow, rgba(15, 15, 15, 0.1)) 0px 3px 6px, - var(--theme--ui_shadow, rgba(15, 15, 15, 0.2)) 0px 9px 24px !important; -} - -.notion-media-menu > div > div > div[style*='background'], -.notion-media-menu > div > div > div > div[style*='background']:not(.notion-focusable), -.notion-body.dark - .notion-default-overlay-container - [style*='grid-template-columns: [boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end];'], -.notion-focusable[style*='background: rgb(80, 85, 88);'], -.notion-body:not(.dark) - .notion-default-overlay-container - [style*='grid-template-columns: [boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end];'] - .notion-focusable[style*='background: white;'], -.notion-timeline-item { - background: var(--theme--bg_popup) !important; -} - -.notion-discussion-input > div > div[style*='background'], -.notion-body.dark - .notion-default-overlay-container - [style*='grid-template-columns: [boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end];'] - [style*='grid-column: property-start / value-end; background: rgba(255, 255, 255, 0.02);'], -.notion-body:not(.dark) - .notion-default-overlay-container - [style*='grid-template-columns: [boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end];'] - [style*='grid-column: property-start / value-end; background: rgba(0, 0, 0, 0.02);'], -.notion-board-view [style*='width: 20px; margin-left: -20px; margin-top: -8px;'], -.notion-page-block > div > div > div[style*='background-color: white;'], -.line-numbers.notion-code-block + div .notion-focusable:not(:hover), -.notion-overlay-container - [style*='position: relative; max-width: calc(100vw - 24px); box-shadow:'] - > [style*='display: flex; align-items: center; padding: 8px 10px; width: 100%; background:'], -.notion-default-overlay-container - > div:nth-child(3) - > div - > div:nth-child(2) - > div:nth-child(2) - > div - > div - > div - > div - > div - > div:nth-child(2)[style*='position: absolute; display: inline-flex; min-width: 100%; height: 32px; z-index: 1; background:'], -.notion-default-overlay-container - > div:nth-child(2) - > div - > div:nth-child(2) - > div:nth-child(2) - > div - > div - > div - > div - > div - > div:nth-child(2)[style*='position: absolute; display: inline-flex; min-width: 100%; height: 32px; z-index: 1; background:'] { - background: transparent !important; -} - -.notion-timeline-view - > div - > div - > [style*='height: 100%; background-image: linear-gradient(to right, '] { - background-image: linear-gradient( - to right, - var(--theme--bg) 20%, - transparent 100% - ) !important; -} -.notion-timeline-view - > div - > div - > [style*='height: 100%; background-image: linear-gradient(to left, '] { - background-image: linear-gradient( - to left, - var(--theme--bg) 20%, - transparent 100% - ) !important; -} - -/** scrollbars **/ - -::-webkit-scrollbar-track, -::-webkit-scrollbar-corner { - background: var(--theme--scrollbar_track) !important; -} -::-webkit-scrollbar-thumb { - background: var(--theme--scrollbar_thumb) !important; -} -::-webkit-scrollbar-thumb:hover { - background: var(--theme--scrollbar_thumb-hover) !important; -} - -/** typography **/ - -[style*='Segoe UI'] { - font-family: var(--theme--font_sans) !important; -} -[style*='Georgia'] { - font-family: var(--theme--font_serif) !important; -} -[style*='iawriter-mono'] { - font-family: var(--theme--font_mono) !important; -} -[style*='SFMono-Regular'] { - font-family: var(--theme--font_code) !important; -} -.notion-selectable.notion-quote-block div[spellcheck='true'] { - font-family: var(--theme--font_quote) !important; -} -[placeholder='Heading 1'], -[placeholder='Heading 2'], -[placeholder='Heading 3'] { - font-family: var(--theme--font_headings) !important; -} - -/** ui **/ - -.notion-page-mention-token.notion-enable-hover:hover { - box-shadow: 0 0 0 3px var(--theme--ui_interactive-hover) !important; - background: var(--theme--ui_interactive-hover) !important; -} - -.notion-to_do-block [style*='background: rgb(46, 170, 220);'], -.notion-focusable - > [style*='width: 16px; height: 16px;'][style*='background: rgb(46, 170, 220);'], -.notion-focusable > [style*='border-radius: 44px;'][style*='background: rgb(46, 170, 220);'] { - background: var(--theme--ui_toggle-on) !important; -} -.notion-body.dark - .notion-focusable - > [style*='border-radius: 44px;'][style*='background: rgba(202, 204, 206, 0.3);'], -.notion-body:not(.dark) - .notion-focusable - > [style*='border-radius: 44px;'][style*='background: rgba(135, 131, 120, 0.3);'] { - background: var(--theme--ui_toggle-off) !important; -} - -.notion-focusable - > [style*='width: 16px; height: 16px;'][style*='background: rgb(46, 170, 220);'] - .check, -.notion-to_do-block .checkboxSquare[style*='fill: inherit'], -.notion-to_do-block .check { - fill: var(--theme--ui_toggle-feature) !important; -} -.notion-focusable > [style*='border-radius: 44px;'] > div:empty { - background: var(--theme--ui_toggle-feature) !important; -} - -.notion-body.dark [style*='background: rgb(71, 76, 80);'], -.notion-body:not(.dark) [style*='background: rgba(55, 53, 47, 0.08)'], -.notion-focusable[style*='z-index:'][style*='box-shadow: '][style*='font-size: 12px;'][style*='min-height: 24px; overflow: hidden; pointer-events:']:hover, -.notion-focusable[role='button'][tabindex='0'][style*='box-shadow:'][style*='background:'][style*='transition: background 20ms ease-in 0s; cursor: pointer;']:not([style*='rgb(6, 156, 205);']):not([style*='rgb(0, 141, 190);']):hover, -[style*='z-index:'][style*='box-shadow: '][style*='font-size: 12px;'][style*='min-height: 24px; overflow: hidden; pointer-events:'] - > .notion-focusable[style*='background']:hover, -.notion-body:not(.dark) - .notion-default-overlay-container - [style*='grid-template-columns: [boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end];'] - .notion-focusable[style*='background: rgb(239, 239, 238);'], -.line-numbers.notion-code-block + div .notion-focusable:hover { - background: var(--theme--ui_interactive-hover) !important; -} -.notion-body.dark .notion-focusable[role='button'][style*='background: rgb(63, 68, 71);'], -.notion-body:not(.dark) - .notion-focusable[role='button'][style*='background: rgba(55, 53, 47, 0.16)'], -[style*='z-index:'][style*='box-shadow: '][style*='font-size: 12px;'][style*='min-height: 24px; overflow: hidden; pointer-events:'] - > .notion-focusable[style*='background']:active, -.notion-body:not(.dark) - .notion-default-overlay-container - [style*='grid-template-columns: [boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end];'] - .notion-focusable[style*='background: rgb(223, 223, 222);'] { - background: var(--theme--ui_interactive-active) !important; -} - -.notion-focusable-within, -.notion-share-menu - .notion-block-permission-settings-public-access - + div - > div - > div - > div - > div - > .notion-focusable:first-child[role='button'][tabindex='0'][style*='user-select: none;'], -.notion-overlay-container - > div:nth-child(2) - > div - > div:nth-child(2) - > div:nth-child(2) - > div - > div - > div - > div - > div - > div:nth-child(1)[style*='display: flex; width: 100%; position: relative; z-index: 2; padding: 6px 10px; font-size: 14px; background:'], -.notion-overlay-container - > div:nth-child(3) - > div - > div:nth-child(2) - > div:nth-child(2) - > div - > div - > div - > div - > div - > div:nth-child(1)[style*='display: flex; width: 100%; position: relative; z-index: 2; padding: 6px 10px; font-size: 14px; background:'] { - background: var(--theme--ui_input) !important; -} - -.notion-overlay-container - [style*='border-radius: 3px;'][style*='position: relative; max-width: calc(100vw - 24px); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; overflow: hidden;'][style*='padding: 4px 8px; font-size: 12px; line-height: 1.4; font-weight: 500;'] { - background: var(--theme--ui_tooltip) !important; - box-shadow: var(--theme--ui_shadow) 0px 1px 4px !important; - color: var(--theme--ui_tooltip-title) !important; -} -.notion-overlay-container - [style*='border-radius: 3px;'][style*='position: relative; max-width: calc(100vw - 24px); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; overflow: hidden;'][style*='padding: 4px 8px; font-size: 12px; line-height: 1.4; font-weight: 500;'] - [style*='color: '] { - color: var(--theme--ui_tooltip-description) !important; -} - -.notion-help-button { - background: var(--theme--tag_default) !important; - box-shadow: var(--theme--ui_shadow, rgba(15, 15, 15, 0.15)) 0px 0px 0px 1px, - var(--theme--ui_shadow, rgba(15, 15, 15, 0.15)) 0px 2px 4px !important; -} - -.notion-body.dark - [style*='border-radius: 20px; box-shadow: rgba(255, 255, 255, 0.07) 0px 0px 0px 2px inset;'], -.notion-body:not(.dark) - [style*='border-radius: 20px; box-shadow: rgba(55, 53, 47, 0.09) 0px 0px 0px 2px inset;'] { - box-shadow: var(--theme--ui_divider) 0px 0px 0px 2px inset !important; -} -.notion-body.dark - [style*='box-shadow: rgba(255, 255, 255, 0.07) 0px 0px 0px 1px inset; border-radius: 3px;'], -.notion-body:not(.dark) - [style*='box-shadow: rgba(55, 53, 47, 0.09) 0px 0px 0px 1px inset; border-radius: 3px;'], -.notion-gallery-view - .notion-focusable[role='button'][style*='font-size: 14px; border-radius: 3px; box-shadow:']:last-child { - box-shadow: var(--theme--ui_divider) 0px 0px 0px 1px inset !important; -} -.notion-body.dark - [style*='border-radius: 3px; box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 1px;'], -.notion-body:not(.dark) - [style*='border-radius: 3px; box-shadow: rgba(55, 53, 47, 0.1) 0px 0px 0px 1px;'] { - box-shadow: var(--theme--ui_divider) 0px 0px 0px 1px !important; -} - -#notion-app - .DayPicker-Day--today:not(.DayPicker-Day--selected):not(.DayPicker-Day--value):not(.DayPicker-Day--start):not(.DayPicker-Day--end) { - color: var(--theme--accent_red-text) !important; -} -#notion-app - .DayPicker-Day--today:not(.DayPicker-Day--selected):not(.DayPicker-Day--value):not(.DayPicker-Day--start):not(.DayPicker-Day--end)::after, -.notion-timeline-view [style*='background: rgb(211, 79, 67); width: 22px;'], -.notion-timeline-view - [style*='width: 7px; height: 7px; background: rgb(211, 79, 67); border-radius: 100%;'] { - background: var(--theme--accent_red) !important; -} -#notion-app - .DayPicker-Day.DayPicker-Day--range.DayPicker-Day--start:not([style*='color: white'])::after, -#notion-app - .DayPicker-Day.DayPicker-Day--range.DayPicker-Day--end:not([style*='color: white'])::after { - content: ''; - background-color: var(--theme--accent_blue-selection) !important; - position: absolute; - width: 32px; - height: 30px; -} -#notion-app - .DayPicker-Day.DayPicker-Day--range.DayPicker-Day--start:not([style*='color: white'])::after { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -#notion-app - .DayPicker-Day.DayPicker-Day--range.DayPicker-Day--end:not([style*='color: white'])::after { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} -.notion-calendar-view-day[style*='background'] { - background-color: var(--theme--accent_red) !important; - color: var(--theme--accent_red-text) !important; -} -.DayPicker-Day--outside, -.DayPicker-Weekday { - color: var(--theme--text_secondary) !important; -} -.notion-timeline-view [style*='height: 100%; border-right: 1px solid rgb(211, 79, 67);'] { - border-right: 1px solid var(--theme--accent_red) !important; -} - -/* link underline */ - -.notion-body.dark - [style*='background-image: linear-gradient(to right, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.14) 100%);'], -.notion-body:not(.dark) - [style*='background-image: linear-gradient(to right, rgba(55, 53, 47, 0.16) 0%, rgba(55, 53, 47, 0.16) 100%);'] { - background-image: linear-gradient( - to right, - var(--theme--ui_divider) 0%, - var(--theme--ui_divider) 100% - ) !important; -} - -/** dividers **/ - -.notion-body.dark - .notion-page-content - .notranslate[style*='border-bottom: 1px solid rgba(255, 255, 255, 0.14);'], -.notion-body:not(.dark) - .notion-page-content - .notranslate[style*='border-bottom: 1px solid rgba(55, 53, 47, 0.16);'] { - border-bottom: 1px solid var(--theme--ui_divider) !important; -} - -.notion-body.dark [style*='border-top: 1px solid rgb(77, 81, 83)'], -.notion-body.dark [style*='border-top: 1px solid rgb(63, 66, 69)'], -.notion-body.dark [style*='border-top: 1px solid rgba(255, 255, 255, 0.14);'], -.notion-body.dark [style*='border-top: 1px solid rgba(255, 255, 255, 0.07)'], -.notion-body:not(.dark) [style*='border-top: 1px solid rgb(223, 223, 222)'], -.notion-body:not(.dark) [style*='border-top: 1px solid rgb(237, 237, 236)'], -.notion-body:not(.dark) [style*='border-top: 1px solid rgba(55, 53, 47, 0.09)'], -.notion-body:not(.dark) [style*='border-top: 1px solid rgba(55, 53, 47, 0.16)'] { - border-top: 1px solid var(--theme--ui_divider) !important; -} -.notion-body.dark [style*='border-bottom: 1px solid rgb(77, 81, 83)'], -.notion-body.dark [style*='border-bottom: 1px solid rgb(63, 66, 69)'], -.notion-body.dark [style*='border-bottom: 1px solid rgba(255, 255, 255, 0.14);'], -.notion-body.dark [style*='border-bottom: 1px solid rgba(255, 255, 255, 0.07)'], -.notion-body:not(.dark) [style*='border-bottom: 1px solid rgb(223, 223, 222)'], -.notion-body:not(.dark) [style*='border-bottom: 1px solid rgb(237, 237, 236)'], -.notion-body:not(.dark) [style*='border-bottom: 1px solid rgba(55, 53, 47, 0.09)'], -.notion-body:not(.dark) [style*='border-bottom: 1px solid rgba(55, 53, 47, 0.16)'] { - border-bottom: 1px solid var(--theme--ui_divider) !important; -} -.notion-body.dark [style*='border-right: 1px solid rgb(77, 81, 83)'], -.notion-body.dark [style*='border-right: 1px solid rgb(63, 66, 69)'], -.notion-body.dark [style*='border-right: 1px solid rgba(255, 255, 255, 0.14);'], -.notion-body.dark [style*='border-right: 1px solid rgba(255, 255, 255, 0.07)'], -.notion-body:not(.dark) [style*='border-right: 1px solid rgb(223, 223, 222)'], -.notion-body:not(.dark) [style*='border-right: 1px solid rgb(237, 237, 236)'], -.notion-body:not(.dark) [style*='border-right: 1px solid rgba(55, 53, 47, 0.09)'], -.notion-body:not(.dark) [style*='border-right: 1px solid rgba(55, 53, 47, 0.16)'] { - border-right: 1px solid var(--theme--ui_divider) !important; -} -.notion-body.dark [style*='border-left: 1px solid rgb(77, 81, 83)'], -.notion-body.dark [style*='border-left: 1px solid rgb(63, 66, 69)'], -.notion-body.dark [style*='border-left: 1px solid rgba(255, 255, 255, 0.14);'], -.notion-body.dark [style*='border-left: 1px solid rgba(255, 255, 255, 0.07)'], -.notion-body:not(.dark) [style*='border-left: 1px solid rgb(223, 223, 222)'], -.notion-body:not(.dark) [style*='border-left: 1px solid rgb(237, 237, 236)'], -.notion-body:not(.dark) [style*='border-left: 1px solid rgba(55, 53, 47, 0.09)'], -.notion-body:not(.dark) [style*='border-left: 1px solid rgba(55, 53, 47, 0.16)'] { - border-left: 1px solid var(--theme--ui_divider) !important; -} -.notion-body.dark [style*='border: 1px solid rgb(77, 81, 83)'], -.notion-body.dark [style*='border: 1px solid rgb(63, 66, 69)'], -.notion-body.dark [style*='border: 1px solid rgba(255, 255, 255, 0.14);'], -.notion-body.dark [style*='border: 1px solid rgba(255, 255, 255, 0.07)'], -.notion-body:not(.dark) [style*='border: 1px solid rgb(223, 223, 222)'], -.notion-body:not(.dark) [style*='border: 1px solid rgb(237, 237, 236)'], -.notion-body:not(.dark) [style*='border: 1px solid rgba(55, 53, 47, 0.09)'], -.notion-body:not(.dark) [style*='border: 1px solid rgba(55, 53, 47, 0.16)'] { - border: 1px solid var(--theme--ui_divider) !important; -} -.notion-body.dark [style*='border-color: 1px solid rgb(77, 81, 83)'], -.notion-body.dark [style*='border-color: 1px solid rgb(63, 66, 69)'], -.notion-body.dark [style*='border-color: 1px solid rgba(255, 255, 255, 0.14);'], -.notion-body.dark [style*='border-color: 1px solid rgba(255, 255, 255, 0.07)'], -.notion-body:not(.dark) [style*='border-color: 1px solid rgb(223, 223, 222)'], -.notion-body:not(.dark) [style*='border-color: 1px solid rgb(237, 237, 236)'], -.notion-body:not(.dark) [style*='border-color: 1px solid rgba(55, 53, 47, 0.09)'], -.notion-body:not(.dark) [style*='border-color: 1px solid rgba(55, 53, 47, 0.16)'], -.notion-callout-block > div > :not([style*='border-color: transparent']) { - border-color: var(--theme--ui_divider) !important; -} - -.notion-body.dark [style*='box-shadow: rgb(77, 81, 83) -1px 0px 0px'], -.notion-body.dark [style*='box-shadow: rgba(255, 255, 255, 0.07) -1px 0px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgb(223, 223, 222) -1px 0px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgba(55, 53, 47, 0.09) -1px 0px 0px'], -.notion-body.dark [style*='box-shadow: rgb(63, 66, 69) -1px 0px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgb(237, 237, 236) -1px 0px 0px'] { - box-shadow: var(--theme--ui_divider) -1px 0px 0px !important; -} -.notion-body.dark [style*='box-shadow: rgb(77, 81, 83) 1px 0px 0px'], -.notion-body.dark [style*='box-shadow: rgba(255, 255, 255, 0.07) 1px 0px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgb(223, 223, 222) 1px 0px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgba(55, 53, 47, 0.09) 1px 0px 0px'], -.notion-body.dark [style*='box-shadow: rgb(63, 66, 69) 1px 0px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgb(237, 237, 236) 1px 0px 0px'] { - box-shadow: var(--theme--ui_divider) 1px 0px 0px !important; -} -.notion-body.dark [style*='box-shadow: rgb(77, 81, 83) 0px -1px 0px'], -.notion-body.dark [style*='box-shadow: rgba(255, 255, 255, 0.07) 0px -1px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgb(223, 223, 222) 0px -1px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgba(55, 53, 47, 0.09) 0px -1px 0px'], -.notion-body.dark [style*='box-shadow: rgb(63, 66, 69) 0px -1px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgb(237, 237, 236) 0px -1px 0px'] { - box-shadow: var(--theme--ui_divider) 0px -1px 0px !important; -} -.notion-body.dark [style*='box-shadow: rgb(77, 81, 83) 0px 1px 0px'], -.notion-body.dark [style*='box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgb(223, 223, 222) 0px 1px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgba(55, 53, 47, 0.09) 0px 1px 0px'], -.notion-body.dark [style*='box-shadow: rgb(63, 66, 69) 0px 1px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgb(237, 237, 236) 0px 1px 0px'] { - box-shadow: var(--theme--ui_divider) 0px 1px 0px !important; -} - -.notion-body.dark [style*='height: 1px;'][style*='background: rgba(255, 255, 255, 0.07);'], -.notion-body:not(.dark) [style*='height: 1px;'][style*='background: rgba(55, 53, 47, 0.09);'] { - background: var(--theme--ui_divider) !important; -} -.notion-body.dark - [style*='box-shadow: rgb(47, 52, 55) -3px 0px 0px, rgb(77, 81, 83) 0px 1px 0px;'], -.notion-body:not(.dark) - [style*='box-shadow: white -3px 0px 0px, rgb(223, 223, 222) 0px 1px 0px;'] { - box-shadow: var(--theme--ui_divider) 0px 1px 0px !important; -} -.notion-body.dark - .notion-collection_view_page-block - > [style*='box-shadow: rgb(47, 52, 55) -3px 0px 0px;'], -.notion-body:not(.dark) - .notion-collection_view_page-block - > [style*='box-shadow: white -3px 0px 0px;'], -.notion-body.dark - .notion-collection_view-block - > [style*='box-shadow: rgb(47, 52, 55) -3px 0px 0px;'], -.notion-body:not(.dark) - .notion-collection_view-block - > [style*='box-shadow: white -3px 0px 0px;'] { - box-shadow: transparent -3px 0px 0px !important; - margin-left: 20px; -} -.notion-focusable[role='button'][style*='box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px;'] { - box-shadow: var(--theme--ui_divider) 0px 0px 0px 1px !important; -} - -.notion-sidebar-container[style*='box-shadow:'] { - box-shadow: var(--theme--ui_divider) -2px 0px 0px 0px inset !important; -} - -/** colours **/ - -[style*='background: rgb(46, 170, 220)'] { - background: var(--theme--accent_blue) !important; -} -[style*=' color: rgb(46, 170, 220)'], -[style^='color: rgb(46, 170, 220)'] { - color: var(--theme--accent_blue) !important; -} -[style*='background-color: rgba(46, 170, 220, 0.'] { - background-color: var(--theme--accent_blue-selection) !important; -} -*::selection { - background: var(--theme--accent_blue-selection, rgba(26, 170, 220, 0.3)) !important; -} -.notion-page-mention-token::selection, -.notion-selectable-halo { - background: var(--theme--accent_blue-selection, rgba(26, 170, 220, 0.2)) !important; -} -.notion-focusable-within:focus-within, -.notion-focusable:focus-visible { - box-shadow: var(--theme--accent_blue-focus, rgba(26, 170, 220, 0.7)) 0px 0px 0px 1px inset, - var(--theme--accent_blue-focus, rgba(26, 170, 220, 0.4)) 0px 0px 0px 2px !important; -} - -@keyframes pulsing-button-border { - 0% { - border-color: var(--theme--accent_blue) !important; - } - 50% { - border-color: rgba(255, 255, 255, 0) !important; - } - 100% { - border-color: var(--theme--accent_blue) !important; - } -} - -[style*='background: rgb(6, 156, 205);'] { - background: var(--theme--accent_blue-hover) !important; -} -[style*='background: rgb(0, 141, 190);'] { - background: var(--theme--accent_blue-focus) !important; -} - -[style*='background-color: rgb(235, 87, 87); height: 28px; width: 28px;'] { - background: var(--theme--accent_red) !important; -} -[style*='background: rgb(235, 87, 87); color: white; border-radius: 3px;']:not([role='button']) { - background: var(--theme--accent_red) !important; - color: var(--theme--accent_red-text) !important; -} -[style*='color: rgb(235, 87, 87); border: 1px solid rgba(235, 87, 87, 0.5);'][role='button'] { - color: var(--theme--accent_red) !important; - border: 1px solid var(--theme--accent_red) !important; -} -.notion-focusable[style*='border-radius: 3px;'][style*='color: rgb(235, 87, 87);'][role='button'], -[style*='font-size: 12px; font-weight: 600; color: rgb(235, 87, 87);'], -[style*='flex-shrink: 0; margin-top: -1px; margin-right: 4px; fill: rgb(235, 87, 87);'], -[style*='font-size: 12px;'] > [style*='pointer-events: none; color: rgb(235, 87, 87);'] { - color: var(--theme--accent_red) !important; - fill: var(--theme--accent_red) !important; -} -.notion-focusable[style*='border-radius: 3px;'][style*='background: rgba(235, 87, 87, 0.1);'][role='button']:hover { - background: var(--theme--accent_red-hover) !important; -} - -.notion-transclusion_container-block > div > div > div[style*='border: 2px'], -.notion-transclusion_reference-block > div > div > div[style*='border: 2px'] { - border-color: var(--theme--accent_red, #e38676) !important; -} - -.notion-text-mention-token[style*='color:#2EAADC;'] { - color: var(--theme--accent_blue) !important; -} -.notion-text-mention-token[style*='color:#EB5757;'], -.notion-link:hover { - color: var(--theme--accent_red) !important; -} - -.notion-body.dark [style*='fill: rgb(202, 204, 206)'], -.notion-body:not(.dark) [style*='fill: rgba(55, 53, 47, 0.8)'] { - fill: var(--theme--icon) !important; -} -.notion-body.dark [style*='fill: rgba(202, 204, 206, 0.'], -.notion-body.dark [style*='fill: rgba(255, 255, 255, 0.'], -.notion-body:not(.dark) [style*='fill: rgba(25, 23, 17, 0.'], -.notion-body:not(.dark) [style*='fill: rgb(55, 53, 47)'], -.notion-body:not(.dark) - [style*='fill: rgba(55, 53, 47, 0.']:not([style*='fill: rgba(55, 53, 47, 0.8)']) { - fill: var(--theme--icon_secondary) !important; -} -.alarmClock { - fill: currentColor !important; -} - -.notion-app-inner, -.notion-page-content, -.notion-selectable.notion-page-block .notion-focusable > [style*=';color:'], -.notion-record-icon.notranslate.notion-focusable, -.notion-topbar-share-menu.notion-focusable, -.notion-collection-view-select.notion-focusable, -.notion-body.dark [style*=' color: rgba(255, 255, 255, 0.9);'], -.notion-body.dark [style^='color: rgba(255, 255, 255, 0.9);'], -.notion-body:not(.dark) [style*=' color: rgb(55, 53, 47)'], -.notion-body:not(.dark) [style^='color: rgb(55, 53, 47)'] { - color: var(--theme--text) !important; -} -.notion-body.dark [style*='border-bottom: 2px solid rgba(255, 255, 255, 0.9);'], -.notion-body:not(.dark) [style*='border-bottom: 2px solid rgb(55, 53, 47);'] { - border-bottom: 2px solid var(--theme--text) !important; -} -.notion-body.dark [style*='caret-color: rgba(255, 255, 255, 0.9)'], -.notion-body:not(.dark) [style*='caret-color: rgb(55, 53, 47)'] { - caret-color: var(--theme--text) !important; -} -.notion-body.dark [style*=' color: rgba(255, 255, 255, 0.6)'], -.notion-body.dark [style^='color: rgba(255, 255, 255, 0.6)'], -.notion-body.dark [style^='color:rgba(255, 255, 255, 0.6)'], -.notion-body:not(.dark) [style*=' color: rgba(55, 53, 47, 0.6)'], -.notion-body:not(.dark) [style^='color: rgba(55, 53, 47, 0.6)'], -.notion-body:not(.dark) [style^='color:rgba(55, 53, 47, 0.6)'], -.notion-sidebar-container > [style*='color'], -.notion-gallery-view - .notion-focusable[role='button'][style*='font-size: 14px; border-radius: 3px; box-shadow:']:last-child - svg - + div { - color: var(--theme--text_secondary) !important; -} -.notion-page-mention-token__title { - border-bottom: 0.05em solid var(--theme--text_secondary) !important; -} -.notion-to_do-block [placeholder='To-do'][style*='text-decoration: line-through'] { - text-decoration: line-through var(--theme--text_secondary) !important; -} -.notion-body.dark [style*=' color: rgba(255, 255, 255, 0.4)'], -.notion-body.dark [style^='color: rgba(255, 255, 255, 0.4)'], -.notion-body:not(.dark) [style*=' color: rgba(55, 53, 47, 0.4)'], -.notion-body:not(.dark) [style^='color: rgba(55, 53, 47, 0.4)'], -.notion-page-controls, -.notion-page-details-controls, -.notion-calendar-view-day { - color: var(--theme--text_secondary) !important; -} -.notion-body.dark [style*='-webkit-text-fill-color: rgba(255, 255, 255, 0.4)'], -.notion-body:not(.dark) [style*='-webkit-text-fill-color: rgba(55, 53, 47, 0.4)'] { - -webkit-text-fill-color: var(--theme--text_secondary) !important; -} -.notion-body.dark [style*='border-color:rgba(255,255,255,0.4)'], -.notion-body:not(.dark) [style*='border-color:rgba(55,53,47,0.4)'] { - border-color: var(--theme--text_secondary) !important; -} - -.notion-body.dark [style*='background: rgb(80, 85, 88)']:not([role='button']), -.notion-body.dark [style*='background-color: rgb(80, 85, 88)']:not([role='button']), -.notion-body:not(.dark) [style*='background: rgba(206, 205, 202, 0.5)']:not([role='button']), -.notion-body:not(.dark) - [style*='background-color: rgba(206, 205, 202, 0.5)']:not([role='button']) { - background: var(--theme--tag_default) !important; - color: var(--theme--tag_default-text) !important; -} - -.notion-body.dark - .notion-overlay-container.notion-default-overlay-container - > div:nth-child(3) - > div - > div - > div:nth-child(2) - > div - > div - > div - > div - > div - > div - > div:nth-child(2) - > div:nth-child(3) - > div - > div:nth-child(1) - > [style^='color: rgba(255, 255, 255, 0.6)'], -.notion-body.dark .notion-text-block > [style^='color: rgba(255, 255, 255, 0.6)'], -.notion-body.dark .notion-callout-block > div > [style*=' color: rgba(255, 255, 255, 0.6)'], -.notion-body.dark [style*='color:rgba(151,154,155,0.95)'][data-token-index], -.notion-body.dark [style*='color: rgba(151, 154, 155, 0.95)'][data-token-index], -.notion-body:not(.dark) [style*='color:rgb(155,154,151)'][data-token-index], -.notion-body:not(.dark) [style*='color: rgb(155, 154, 151)'][data-token-index], -.notion-body:not(.dark) .notion-text-block > [style^='color: rgba(55, 53, 47, 0.6)'], -.notion-body:not(.dark) - .notion-overlay-container.notion-default-overlay-container - > div:nth-child(3) - > div - > div - > div:nth-child(2) - > div - > div - > div - > div - > div - > div - > div:nth-child(2) - > div:nth-child(3) - > div - > div:nth-child(1) - > [style*=' color: rgba(55, 53, 47, 0.6)'], -.notion-body:not(.dark) - .notion-callout-block - > div - > [style*=' color: rgba(55, 53, 47, 0.6)'] { - color: var(--theme--text_grey) !important; - fill: var(--theme--text_grey) !important; -} -.notion-body.dark [style*='fill: rgba(255, 255, 255, 0.6);'], -.notion-body:not(.dark) [style*='fill: rgba(55, 53, 47, 0.6);'] { - fill: var(--theme--text_grey) !important; -} -.notion-body.dark [style*='background:rgb(69,75,78)'], -.notion-body:not(.dark) [style*='background:rgb(235,236,237)'] { - background: var(--theme--highlight_grey) !important; -} -.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(69,75,78)'], -.notion-body:not(.dark) - [style*='color: inherit'] - > div - > div - > [style*='background:rgb(235,236,237)'] { - color: var(--theme--highlight_grey-text) !important; -} -.notion-body.dark [style*='color:rgba(151,154,155,0.95)'] [style*='background:rgb(69,75,78)'], -.notion-body.dark - [style*='color: rgba(255, 255, 255, 0.6); fill: rgba(255, 255, 255, 0.6);'] - [style*='background:rgb(69,75,78)'], -.notion-body:not(.dark) - [style*='color:rgb(155,154,151)'] - [style*='background:rgb(235,236,237)'], -.notion-body:not(.dark) - [style*='color: rgba(55, 53, 47, 0.6); fill: rgba(55, 53, 47, 0.6);'] - [style*='background:rgb(235,236,237)'] { - background: var(--theme--highlight_grey) !important; - color: var(--theme--text_grey) !important; - fill: var(--theme--text_grey) !important; -} -.notion-body.dark [style*='background: rgb(69, 75, 78)'], -.notion-body:not(.dark) [style*='background: rgb(235, 236, 237)'] { - background: var(--theme--block_grey) !important; - color: var(--theme--block_grey-text) !important; -} -.notion-body.dark [style*='background: rgba(151, 154, 155, 0.5)'], -.notion-body.dark [style*='background-color: rgba(151, 154, 155, 0.5)'], -.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'], -.notion-body:not(.dark) [style*='background-color: rgba(140, 46, 0, 0.2)'], -.notion-body:not(.dark) [style*='background: rgba(155, 154, 151, 0.4)'] { - background: var(--theme--tag_grey) !important; - color: var(--theme--tag_grey-text) !important; -} -.notion-body.dark [style*='background: rgba(69, 75, 78, 0.3)'], -.notion-body:not(.dark) [style*='background: rgba(235, 236, 237, 0.3)'] { - background: var(--theme--callout_grey) !important; - color: var(--theme--callout_grey-text) !important; -} - -.notion-body.dark [style*='color:rgb(147,114,100)'], -.notion-body.dark [style^='color: rgb(147, 114, 100)'], -.notion-body.dark [style*=' color: rgb(147, 114, 100)'], -.notion-body:not(.dark) [style*='color:rgb(100,71,58)'], -.notion-body:not(.dark) [style^='color: rgb(100, 71, 58)'], -.notion-body:not(.dark) [style*=' color: rgb(100, 71, 58)'] { - color: var(--theme--text_brown) !important; - fill: var(--theme--text_brown) !important; -} -.notion-body.dark [style*='fill: rgb(147, 114, 100);'], -.notion-body:not(.dark) [style*='fill: rgb(100, 71, 58);'] { - fill: var(--theme--text_brown) !important; -} -.notion-body.dark [style*='background:rgb(67,64,64)'], -.notion-body:not(.dark) [style*='background:rgb(233,229,227)'] { - background: var(--theme--highlight_brown) !important; -} -.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(67,64,64)'], -.notion-body:not(.dark) - [style*='color: inherit'] - > div - > div - > [style*='background:rgb(233,229,227)'] { - color: var(--theme--highlight_brown-text) !important; -} -.notion-body.dark [style*='color:rgb(147,114,100)'] [style*='background:rgb(67,64,64)'], -.notion-body.dark - [style*='color: rgb(147, 114, 100); fill: rgb(147, 114, 100);'] - [style*='background:rgb(67,64,64)'], -.notion-body:not(.dark) [style*='color:rgb(100,71,58)'] [style*='background:rgb(233,229,227)'], -.notion-body:not(.dark) - [style*='color: rgb(100, 71, 58); fill: rgb(100, 71, 58);'] - [style*='background:rgb(233,229,227)'] { - background: var(--theme--highlight_brown) !important; - color: var(--theme--text_brown) !important; - fill: var(--theme--text_brown) !important; -} -.notion-body.dark [style*='background: rgb(67, 64, 64)'], -.notion-body:not(.dark) [style*='background: rgb(233, 229, 227)'] { - background: var(--theme--block_brown) !important; - color: var(--theme--block_brown-text) !important; -} -.notion-body.dark [style*='background: rgba(147, 114, 100, 0.5)'], -.notion-body.dark [style*='background-color: rgba(147, 114, 100, 0.5)'], -.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'], -.notion-body:not(.dark) [style*='background-color: rgba(140, 46, 0, 0.2)'] { - background: var(--theme--tag_brown) !important; - color: var(--theme--tag_brown-text) !important; -} -.notion-body.dark [style*='background: rgba(67, 64, 64, 0.3)'], -.notion-body:not(.dark) [style*='background: rgba(233, 229, 227, 0.3)'] { - background: var(--theme--callout_brown) !important; - color: var(--theme--callout_brown-text) !important; -} - -.notion-body.dark [style*='color:rgb(255,163,68)'], -.notion-body.dark [style^='color: rgb(255, 163, 68)'], -.notion-body.dark [style*=' color: rgb(255, 163, 68)'], -.notion-body:not(.dark) [style*='color:rgb(217,115,13)'], -.notion-body:not(.dark) [style^='color: rgb(217, 115, 13)'], -.notion-body:not(.dark) [style*=' color: rgb(217, 115, 13)'] { - color: var(--theme--text_orange) !important; - fill: var(--theme--text_orange) !important; -} -.notion-body.dark [style*='fill: rgb(255, 163, 68);'], -.notion-body:not(.dark) [style*='fill: rgb(217, 115, 13);'] { - fill: var(--theme--text_orange) !important; -} -.notion-body.dark [style*='background:rgb(89,74,58)'], -.notion-body:not(.dark) [style*='background:rgb(250,235,221)'] { - background: var(--theme--highlight_orange) !important; -} -.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(89,74,58)'], -.notion-body:not(.dark) - [style*='color: inherit'] - > div - > div - > [style*='background:rgb(250,235,221)'] { - color: var(--theme--highlight_orange-text) !important; -} -.notion-body.dark [style*='color:rgb(255,163,68)'] [style*='background:rgb(89,74,58)'], -.notion-body.dark - [style*='color: rgb(255, 163, 68); fill: rgb(255, 163, 68);'] - [style*='background:rgb(89,74,58)'], -.notion-body:not(.dark) - [style*='color:rgb(217,115,13)'] - [style*='background:rgb(250,235,221)'], -.notion-body:not(.dark) - [style*='color: rgb(217, 115, 13); fill: rgb(217, 115, 13);'] - [style*='background:rgb(250,235,221)'] { - background: var(--theme--highlight_orange) !important; - color: var(--theme--text_orange) !important; - fill: var(--theme--text_orange) !important; -} -.notion-body.dark [style*='background: rgb(89, 74, 58)'], -.notion-body:not(.dark) [style*='background: rgb(250, 235, 221)'] { - background: var(--theme--block_orange) !important; - color: var(--theme--block_orange-text) !important; -} -.notion-body.dark [style*='background: rgba(255, 163, 68, 0.5)'], -.notion-body.dark [style*='background-color: rgba(255, 163, 68, 0.5)'], -.notion-body:not(.dark) [style*='background: rgba(245, 93, 0, 0.2)'], -.notion-body:not(.dark) [style*='background-color: rgba(245, 93, 0, 0.2)'] { - background: var(--theme--tag_orange) !important; - color: var(--theme--tag_orange-text) !important; -} -.notion-body.dark [style*='background: rgba(89, 74, 58, 0.3)'], -.notion-body:not(.dark) [style*='background: rgba(250, 235, 221, 0.3)'] { - background: var(--theme--callout_orange) !important; - color: var(--theme--callout_orange-text) !important; -} - -.notion-body.dark [style*='color:rgb(255,220,73)'], -.notion-body.dark [style^='fill: rgb(255, 220, 73)'], -.notion-body.dark [style*=' fill: rgb(255, 220, 73)'], -.notion-body:not(.dark) [style*='color:rgb(223,171,1)'], -.notion-body:not(.dark) [style^='fill: rgb(223, 171, 1)'], -.notion-body:not(.dark) [style*=' fill: rgb(223, 171, 1)'] { - color: var(--theme--text_yellow) !important; - fill: var(--theme--text_yellow) !important; -} -.notion-body.dark [style*='color: rgb(255, 220, 73);'], -.notion-body:not(.dark) [style*='color: rgb(223, 171, 1);'] { - fill: var(--theme--text_yellow) !important; -} -.notion-body.dark [style*='background:rgb(89,86,59)'], -.notion-body:not(.dark) [style*='background:rgb(251,243,219)'] { - background: var(--theme--highlight_yellow) !important; -} -.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(89,86,59)'], -.notion-body:not(.dark) - [style*='color: inherit'] - > div - > div - > [style*='background:rgb(251,243,219)'] { - color: var(--theme--highlight_yellow-text) !important; -} -.notion-body.dark [style*='color:rgb(255,220,73)'] [style*='background:rgb(89,86,59)'], -.notion-body.dark - [style*='color: rgb(255, 220, 73); fill: rgb(255, 220, 73);'] - [style*='background:rgb(89,86,59)'], -.notion-body:not(.dark) [style*='color:rgb(223,171,1)'] [style*='background:rgb(251,243,219)'], -.notion-body:not(.dark) - [style*='color: rgb(223, 171, 1); fill: rgb(223, 171, 1);'] - [style*='background:rgb(251,243,219)'] { - background: var(--theme--highlight_yellow) !important; - color: var(--theme--text_yellow) !important; - fill: var(--theme--text_yellow) !important; -} -.notion-body.dark [style*='background: rgb(89, 86, 59)'], -.notion-body:not(.dark) [style*='background: rgb(251, 243, 219)'] { - background: var(--theme--block_yellow) !important; - color: var(--theme--block_yellow-text) !important; -} -.notion-body.dark [style*='background: rgba(255, 220, 73, 0.5)'], -.notion-body.dark [style*='background-color: rgba(255, 220, 73, 0.5)'], -.notion-body:not(.dark) [style*='background: rgba(233, 168, 0, 0.2)'], -.notion-body:not(.dark) [style*='background-color: rgba(233, 168, 0, 0.2)'] { - background: var(--theme--tag_yellow) !important; - color: var(--theme--tag_yellow-text) !important; -} -.notion-body.dark [style*='background: rgba(89, 86, 59, 0.3)'], -.notion-body:not(.dark) [style*='background: rgba(251, 243, 219, 0.3)'] { - background: var(--theme--callout_yellow) !important; - color: var(--theme--callout_yellow-text) !important; -} - -.notion-body.dark [style*='color:rgb(77,171,154)'], -.notion-body.dark [style^='color: rgb(77, 171, 154)'], -.notion-body.dark [style*=' color: rgb(77, 171, 154)'], -.notion-body:not(.dark) [style*='color:rgb(15,123,108)'], -.notion-body:not(.dark) [style^='color: rgb(15, 123, 108)'], -.notion-body:not(.dark) [style*=' color: rgb(15, 123, 108)'] { - color: var(--theme--text_green) !important; - fill: var(--theme--text_green) !important; -} -.notion-body.dark [style*='fill: rgb(77, 171, 154);'], -.notion-body:not(.dark) [style*='fill: rgb(15, 123, 108);'] { - fill: var(--theme--text_green) !important; -} -.notion-body.dark [style*='background:rgb(53,76,75)'], -.notion-body:not(.dark) [style*='background:rgb(221,237,234)'] { - background: var(--theme--highlight_green) !important; -} -.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(53,76,75)'], -.notion-body:not(.dark) - [style*='color: inherit'] - > div - > div - > [style*='background:rgb(221,237,234)'] { - color: var(--theme--highlight_green-text) !important; -} -.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(89,86,59)'], -.notion-body:not(.dark) - [style*='color: inherit'] - > div - > div - > [style*='background:rgb(251,243,219)'] { - color: var(--theme--highlight_green-text) !important; -} -.notion-body.dark [style*='color:rgb(77,171,154)'] [style*='background:rgb(53,76,75)'], -.notion-body.dark - [style*='color: rgb(77, 171, 154); fill: rgb(77, 171, 154);'] - [style*='background:rgb(53,76,75)'], -.notion-body:not(.dark) - [style*='color:rgb(15,123,108)'] - [style*='background:rgb(221,237,234)'], -.notion-body:not(.dark) - [style*='color: rgb(15, 123, 108); fill: rgb(15, 123, 108);'] - [style*='background:rgb(221,237,234)'] { - background: var(--theme--highlight_green) !important; - color: var(--theme--text_green) !important; - fill: var(--theme--text_green) !important; -} -.notion-body.dark [style*='background: rgb(53, 76, 75)'], -.notion-body:not(.dark) [style*='background: rgb(221, 237, 234)'] { - background: var(--theme--block_green) !important; - color: var(--theme--block_green-text) !important; -} -.notion-body.dark [style*='background: rgba(77, 171, 154, 0.5)'], -.notion-body.dark [style*='background-color: rgba(77, 171, 154, 0.5)'], -.notion-body:not(.dark) [style*='background: rgba(0, 135, 107, 0.2)'], -.notion-body:not(.dark) [style*='background-color: rgba(0, 135, 107, 0.2)'] { - background: var(--theme--tag_green) !important; - color: var(--theme--tag_green-text) !important; -} -.notion-body.dark [style*='background: rgba(53, 76, 75, 0.3)'], -.notion-body:not(.dark) [style*='background: rgba(221, 237, 234, 0.3)'] { - background: var(--theme--callout_green) !important; - color: var(--theme--callout_green-text) !important; -} - -.notion-body.dark [style*='color:rgb(82,156,202)'], -.notion-body.dark [style^='color: rgb(82, 156, 202)'], -.notion-body.dark [style*=' color: rgb(82, 156, 202)'], -.notion-body:not(.dark) [style*='color:rgb(11,110,153)'], -.notion-body:not(.dark) [style^='color: rgb(11, 110, 153)'], -.notion-body:not(.dark) [style*=' color: rgb(11, 110, 153)'] { - color: var(--theme--text_blue) !important; - fill: var(--theme--text_blue) !important; -} -.notion-body.dark [style*='fill: rgb(82, 156, 202);'], -.notion-body:not(.dark) [style*='fill: rgb(11, 110, 153);'] { - fill: var(--theme--text_blue) !important; -} -.notion-body.dark [style*='background:rgb(54,73,84)'], -.notion-body:not(.dark) [style*='background:rgb(221,235,241)'] { - background: var(--theme--highlight_blue) !important; -} -.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(54,73,84)'], -.notion-body:not(.dark) - [style*='color: inherit'] - > div - > div - > [style*='background:rgb(221,235,241)'] { - color: var(--theme--highlight_blue-text) !important; -} -.notion-body.dark [style*='color:rgb(82,156,202)'] [style*='background:rgb(54,73,84)'], -.notion-body.dark - [style*='color: rgb(82, 156, 202); fill: rgb(82, 156, 202);'] - [style*='background:rgb(54,73,84)'], -.notion-body:not(.dark) - [style*='color:rgb(11,110,153)'] - [style*='background:rgb(221,235,241)'], -.notion-body:not(.dark) - [style*='color: rgb(11, 110, 153); fill: rgb(11, 110, 153);'] - [style*='background:rgb(221,235,241)'] { - background: var(--theme--highlight_blue) !important; - color: var(--theme--text_blue) !important; - fill: var(--theme--text_blue) !important; -} -.notion-body.dark [style*='background: rgb(54, 73, 84)'], -.notion-body:not(.dark) [style*='background: rgb(221, 235, 241)'] { - background: var(--theme--block_blue) !important; - color: var(--theme--block_blue-text) !important; -} -.notion-body.dark [style*='background: rgba(82, 156, 202, 0.5)'], -.notion-body.dark [style*='background-color: rgba(82, 156, 202, 0.5)'], -.notion-body:not(.dark) [style*='background: rgba(0, 120, 223, 0.2)'], -.notion-body:not(.dark) [style*='background-color: rgba(0, 120, 223, 0.2)'] { - background: var(--theme--tag_blue) !important; - color: var(--theme--tag_blue-text) !important; -} -.notion-body.dark [style*='background: rgba(54, 73, 84, 0.3)'], -.notion-body:not(.dark) [style*='background: rgba(221, 235, 241, 0.3)'] { - background: var(--theme--callout_blue) !important; - color: var(--theme--callout_blue-text) !important; -} - -.notion-body.dark [style*='color:rgb(154,109,215)'], -.notion-body.dark [style^='color: rgb(154, 109, 215)'], -.notion-body.dark [style*=' color: rgb(154, 109, 215)'], -.notion-body:not(.dark) [style*='color:rgb(105,64,165)'], -.notion-body:not(.dark) [style^='color: rgb(105, 64, 165)'], -.notion-body:not(.dark) [style*=' color: rgb(105, 64, 165)'] { - color: var(--theme--text_purple) !important; - fill: var(--theme--text_purple) !important; -} -.notion-body.dark [style*='fill: rgb(154, 109, 215);'], -.notion-body:not(.dark) [style*='fill: rgb(105, 64, 165);'] { - fill: var(--theme--text_purple) !important; -} -.notion-body.dark [style*='background:rgb(68,63,87)'], -.notion-body:not(.dark) [style*='background:rgb(234,228,242)'] { - background: var(--theme--highlight_purple) !important; -} -.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(68,63,87)'], -.notion-body:not(.dark) - [style*='color: inherit'] - > div - > div - > [style*='background:rgb(234,228,242)'] { - color: var(--theme--highlight_purple-text) !important; -} -.notion-body.dark [style*='color:rgb(154,109,215)'] [style*='background:rgb(68,63,87)'], -.notion-body.dark - [style*='color: rgb(154, 109, 215); fill: rgb(154, 109, 215);'] - [style*='background:rgb(68,63,87)'], -.notion-body:not(.dark) - [style*='color:rgb(105,64,165)'] - [style*='background:rgb(234,228,242)'], -.notion-body:not(.dark) - [style*='color: rgb(105, 64, 165); fill: rgb(105, 64, 165);'] - [style*='background:rgb(234,228,242)'] { - background: var(--theme--highlight_purple) !important; - color: var(--theme--text_purple) !important; - fill: var(--theme--text_purple) !important; -} -.notion-body.dark [style*='background: rgb(68, 63, 87)'], -.notion-body:not(.dark) [style*='background: rgb(234, 228, 242)'] { - background: var(--theme--block_purple) !important; - color: var(--theme--block_purple-text) !important; -} -.notion-body.dark [style*='background: rgba(154, 109, 215, 0.5)'], -.notion-body.dark [style*='background-color: rgba(154, 109, 215, 0.5)'], -.notion-body:not(.dark) [style*='background: rgba(103, 36, 222, 0.2)'], -.notion-body:not(.dark) [style*='background-color: rgba(103, 36, 222, 0.2)'] { - background: var(--theme--tag_purple) !important; - color: var(--theme--tag_purple-text) !important; -} -.notion-body.dark [style*='background: rgba(68, 63, 87, 0.3)'], -.notion-body:not(.dark) [style*='background: rgba(234, 228, 242, 0.3)'] { - background: var(--theme--callout_purple) !important; - color: var(--theme--callout_purple-text) !important; -} - -.notion-body.dark [style*='color:rgb(226,85,161)'], -.notion-body.dark [style^='color: rgb(226, 85, 161)'], -.notion-body.dark [style*=' color: rgb(226, 85, 161)'], -.notion-body:not(.dark) [style*='color:rgb(173,26,114)'], -.notion-body:not(.dark) [style^='color: rgb(173, 26, 114)'], -.notion-body:not(.dark) [style*=' color: rgb(173, 26, 114)'] { - color: var(--theme--text_pink) !important; - fill: var(--theme--text_pink) !important; -} -.notion-body.dark [style*='fill: rgb(226, 85, 161);'], -.notion-body:not(.dark) [style*='fill: rgb(173, 26, 114);'] { - fill: var(--theme--text_pink) !important; -} -.notion-body.dark [style*='background:rgb(83,59,76)'], -.notion-body:not(.dark) [style*='background:rgb(244,223,235)'] { - background: var(--theme--highlight_pink) !important; -} -.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(83,59,76)'], -.notion-body:not(.dark) - [style*='color: inherit'] - > div - > div - > [style*='background:rgb(244,223,235)'] { - color: var(--theme--highlight_pink-text) !important; -} -.notion-body.dark [style*='color:rgb(226,85,161)'] [style*='background:rgb(83,59,76)'], -.notion-body.dark - [style*='color: rgb(226, 85, 161); fill: rgb(226, 85, 161);'] - [style*='background:rgb(83,59,76)'], -.notion-body:not(.dark) - [style*='color:rgb(173,26,114)'] - [style*='background:rgb(244,223,235)'], -.notion-body:not(.dark) - [style*='color: rgb(173, 26, 114); fill: rgb(173, 26, 114);'] - [style*='background:rgb(244,223,235)'] { - background: var(--theme--highlight_pink) !important; - color: var(--theme--text_pink) !important; - fill: var(--theme--text_pink) !important; -} -.notion-body.dark [style*='background: rgb(83, 59, 76)'], -.notion-body:not(.dark) [style*='background: rgb(244, 223, 235)'] { - background: var(--theme--block_pink) !important; - color: var(--theme--block_pink-text) !important; -} -.notion-body.dark [style*='background: rgba(226, 85, 161, 0.5)'], -.notion-body.dark [style*='background-color: rgba(226, 85, 161, 0.5)'], -.notion-body:not(.dark) [style*='background: rgba(221, 0, 129, 0.2)'], -.notion-body:not(.dark) [style*='background-color: rgba(221, 0, 129, 0.2)'] { - background: var(--theme--tag_pink) !important; - color: var(--theme--tag_pink-text) !important; -} -.notion-body.dark [style*='background: rgba(83, 59, 76, 0.3)'], -.notion-body:not(.dark) [style*='background: rgba(244, 223, 235, 0.3)'] { - background: var(--theme--callout_pink) !important; - color: var(--theme--callout_pink-text) !important; -} - -.notion-body.dark [style*='color:rgb(255,115,105)'], -.notion-body.dark [style^='color: rgb(255, 115, 105)'], -.notion-body.dark [style*=' color: rgb(255, 115, 105)'], -.notion-body:not(.dark) [style*='color:rgb(224,62,62)'], -.notion-body:not(.dark) [style^='color: rgb(224, 62, 62)'], -.notion-body:not(.dark) [style*=' color: rgb(224, 62, 62)'] { - color: var(--theme--text_red) !important; - fill: var(--theme--text_red) !important; -} -.notion-body.dark [style*='fill: rgb(255, 115, 105);'], -.notion-body:not(.dark) [style*='fill: rgb(224, 62, 62);'] { - color: var(--theme--text_red) !important; - fill: var(--theme--text_red) !important; -} -.notion-body.dark [style*='background:rgb(89,65,65)'], -.notion-body:not(.dark) [style*='background:rgb(251,228,228)'] { - background: var(--theme--highlight_red) !important; -} -.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(89,65,65)'], -.notion-body:not(.dark) - [style*='color: inherit'] - > div - > div - > [style*='background:rgb(251,228,228)'] { - color: var(--theme--highlight_red-text) !important; -} -.notion-body.dark [style*='color:rgb(255,115,105)'] [style*='background:rgb(89,65,65)'], -.notion-body.dark - [style*='color: rgb(255, 115, 105); fill: rgb(255, 115, 105);'] - [style*='background:rgb(89,65,65)'], -.notion-body:not(.dark) [style*='color:rgb(224,62,62)'] [style*='background:rgb(251,228,228)'], -.notion-body:not(.dark) - [style*='color: rgb(224, 62, 62); fill: rgb(224, 62, 62);'] - [style*='background:rgb(251,228,228)'] { - background: var(--theme--highlight_red) !important; - color: var(--theme--text_red) !important; - fill: var(--theme--text_red) !important; -} -.notion-body.dark [style*='background: rgb(89, 65, 65)'], -.notion-body:not(.dark) [style*='background: rgb(251, 228, 228)'] { - background: var(--theme--block_red) !important; - color: var(--theme--block_red-text) !important; -} -.notion-body.dark [style*='background: rgba(255, 115, 105, 0.5);'], -.notion-body.dark [style*='background-color: rgba(255, 115, 105, 0.5);'], -.notion-body:not(.dark) [style*='background: rgba(255, 0, 26, 0.2)'], -.notion-body:not(.dark) [style*='background-color: rgba(255, 0, 26, 0.2)'] { - background: var(--theme--tag_red) !important; - color: var(--theme--tag_red-text) !important; -} -.notion-body.dark [style*='background: rgba(89, 65, 65, 0.3)'], -.notion-body:not(.dark) [style*='background: rgba(251, 228, 228, 0.3)'] { - background: var(--theme--callout_red) !important; - color: var(--theme--callout_red-text) !important; -} - -/** code **/ - -.notion-page-content [style*='color:#EB5757']:not(.notion-text-mention-token) { - color: var(--theme--code_inline-text) !important; - background: var(--theme--code_inline) !important; -} - -.notion-code-block > div > div { - background: var(--theme--code) !important; -} -.notion-code-block > div { - color: var(--theme--code_plain) !important; -} diff --git a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables.css b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables.css deleted file mode 100644 index b7bf564..0000000 --- a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables.css +++ /dev/null @@ -1,364 +0,0 @@ -/* - * notion-enhancer core: theming - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - * - * (rgb|hsl|#)[^;]+; - */ - -:root { - --theme--page-padding: calc(96px + env(safe-area-inset-left)); - --theme--page-width: 900px; - --theme--page-width_full: 100%; - --theme--page_banner-height: 30vh; - --theme--page_preview-padding: 8rem; - --theme--page_preview-width: 977px; - --theme--page_preview_banner-height: 20vh; - - --theme--font_sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, - 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol'; - --theme--font_serif: Lyon-Text, Georgia, YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', - 'Hiragino Mincho Pro', 'Songti TC', 'Songti SC', SimSun, 'Nanum Myeongjo', NanumMyeongjo, - Batang, serif; - --theme--font_mono: iawriter-mono, Nitti, Menlo, Courier, monospace; - --theme--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace; - --theme--font_quote: var(--theme--font_sans); - --theme--font_headings: var(--theme--font_sans); - - --theme--accent_blue: rgb(46, 170, 220); - --theme--accent_blue-selection: rgb(46, 170, 220, 0.25); - --theme--accent_blue-hover: rgb(6, 156, 205); - --theme--accent_blue-focus: rgb(0, 141, 190); - --theme--accent_blue-text: #fff; - --theme--accent_red: #eb5757; - --theme--accent_red-hover: rgba(235, 87, 87, 0.1); - --theme--accent_red-text: #fff; -} - -:root { - --theme--bg: #fff; - --theme--bg_secondary: rgb(247, 246, 243); - --theme--bg_popup: #fff; - - --theme--scrollbar_track: #edece9; - --theme--scrollbar_thumb: #d3d1cb; - --theme--scrollbar_thumb-hover: #aeaca6; - - --theme--ui_shadow: rgba(15, 15, 15, 0.15); - --theme--ui_divider: rgb(237, 237, 236); - --theme--ui_interactive-hover: rgba(55, 53, 47, 0.08); - --theme--ui_interactive-active: rgba(55, 53, 47, 0.16); - --theme--ui_toggle-on: var(--theme--accent_blue); - --theme--ui_toggle-off: rgba(135, 131, 120, 0.3); - --theme--ui_toggle-feature: #fff; - --theme--ui_input: rgba(242, 241, 238, 0.6); - --theme--ui_tooltip: rgb(15, 15, 15); - --theme--ui_tooltip-title: rgba(255, 255, 255, 0.9); - --theme--ui_tooltip-description: rgba(206, 205, 202, 0.6); - - --theme--icon: rgba(55, 53, 47, 0.8); - --theme--icon_secondary: rgba(55, 53, 47, 0.4); - - --theme--text: rgb(55, 43, 47); - --theme--text_secondary: rgba(55, 43, 47, 0.6); - --theme--text_grey: rgb(155, 154, 151); - --theme--text_brown: rgb(100, 71, 58); - --theme--text_orange: rgb(217, 115, 13); - --theme--text_yellow: rgb(223, 171, 1); - --theme--text_green: rgb(15, 123, 108); - --theme--text_blue: rgb(11, 110, 153); - --theme--text_purple: rgb(105, 64, 165); - --theme--text_pink: rgb(173, 26, 114); - --theme--text_red: rgb(224, 62, 62); - - --theme--highlight-text: var(--theme--text); - --theme--highlight_grey: rgb(235, 236, 237); - --theme--highlight_grey-text: var(--theme--highlight-text); - --theme--highlight_brown: rgb(233, 229, 227); - --theme--highlight_brown-text: var(--theme--highlight-text); - --theme--highlight_orange: rgb(250, 235, 221); - --theme--highlight_orange-text: var(--theme--highlight-text); - --theme--highlight_yellow: rgb(251, 243, 219); - --theme--highlight_yellow-text: var(--theme--highlight-text); - --theme--highlight_green: rgb(221, 237, 234); - --theme--highlight_green-text: var(--theme--highlight-text); - --theme--highlight_blue: rgb(221, 235, 241); - --theme--highlight_blue-text: var(--theme--highlight-text); - --theme--highlight_purple: rgb(234, 228, 242); - --theme--highlight_purple-text: var(--theme--highlight-text); - --theme--highlight_pink: rgb(244, 223, 235); - --theme--highlight_pink-text: var(--theme--highlight-text); - --theme--highlight_red: rgb(251, 228, 228); - --theme--highlight_red-text: var(--theme--highlight-text); - - --theme--block-text: var(--theme--text); - --theme--block_grey: rgb(235, 236, 237); - --theme--block_grey-text: var(--theme--block-text); - --theme--block_brown: rgb(233, 229, 227); - --theme--block_brown-text: var(--theme--block-text); - --theme--block_orange: rgb(250, 235, 221); - --theme--block_orange-text: var(--theme--block-text); - --theme--block_yellow: rgb(251, 243, 219); - --theme--block_yellow-text: var(--theme--block-text); - --theme--block_green: rgb(221, 237, 234); - --theme--block_green-text: var(--theme--block-text); - --theme--block_blue: rgb(221, 235, 241); - --theme--block_blue-text: var(--theme--block-text); - --theme--block_purple: rgb(234, 228, 242); - --theme--block_purple-text: var(--theme--block-text); - --theme--block_pink: rgb(244, 223, 235); - --theme--block_pink-text: var(--theme--block-text); - --theme--block_red: rgb(251, 228, 228); - --theme--block_red-text: var(--theme--block-text); - - --theme--tag-text: var(--theme--text); - --theme--tag_default: rgba(206, 205, 202, 0.5); - --theme--tag_default-text: var(--theme--tag-text); - --theme--tag_grey: rgba(140, 46, 0, 0.2); - --theme--tag_grey-text: var(--theme--tag-text); - --theme--tag_brown: rgba(140, 46, 0, 0.2); - --theme--tag_brown-text: var(--theme--tag-text); - --theme--tag_orange: rgba(245, 93, 0, 0.2); - --theme--tag_orange-text: var(--theme--tag-text); - --theme--tag_yellow: rgba(233, 168, 0, 0.2); - --theme--tag_yellow-text: var(--theme--tag-text); - --theme--tag_green: rgba(0, 135, 107, 0.2); - --theme--tag_green-text: var(--theme--tag-text); - --theme--tag_blue: rgba(0, 120, 223, 0.2); - --theme--tag_blue-text: var(--theme--tag-text); - --theme--tag_purple: rgba(103, 36, 222, 0.2); - --theme--tag_purple-text: var(--theme--tag-text); - --theme--tag_pink: rgba(221, 0, 129, 0.2); - --theme--tag_pink-text: var(--theme--tag-text); - --theme--tag_red: rgba(255, 0, 26, 0.2); - --theme--tag_red-text: var(--theme--tag-text); - - --theme--callout-text: var(--theme--text); - --theme--callout_grey: rgba(235, 236, 237, 0.3); - --theme--callout_grey-text: var(--theme--callout-text); - --theme--callout_brown: rgba(233, 229, 227, 0.3); - --theme--callout_brown-text: var(--theme--callout-text); - --theme--callout_orange: rgba(250, 235, 221, 0.3); - --theme--callout_orange-text: var(--theme--callout-text); - --theme--callout_yellow: rgba(251, 243, 219, 0.3); - --theme--callout_yellow-text: var(--theme--callout-text); - --theme--callout_green: rgba(221, 237, 234, 0.3); - --theme--callout_green-text: var(--theme--callout-text); - --theme--callout_blue: rgba(221, 235, 241, 0.3); - --theme--callout_blue-text: var(--theme--callout-text); - --theme--callout_purple: rgba(234, 228, 242, 0.3); - --theme--callout_purple-text: var(--theme--callout-text); - --theme--callout_pink: rgba(244, 223, 235, 0.3); - --theme--callout_pink-text: var(--theme--callout-text); - --theme--callout_red: rgba(251, 228, 228, 0.3); - --theme--callout_red-text: var(--theme--callout-text); - - --theme--code_inline: rgba(135, 131, 120, 0.15); - --theme--code_inline-text: #eb5757; - - --theme--code: #f7f6f3; - --theme--code_plain: var(--theme--text); - --theme--code_property: #905; - --theme--code_tag: var(--theme--code_property); - --theme--code_boolean: var(--theme--code_property); - --theme--code_number: var(--theme--code_property); - --theme--code_constant: var(--theme--code_property); - --theme--code_symbol: var(--theme--code_property); - --theme--code_deleted: var(--theme--code_property); - --theme--code_selector: #690; - --theme--code_attr-name: var(--theme--code_selector); - --theme--code_string: var(--theme--code_selector); - --theme--code_char: var(--theme--code_selector); - --theme--code_builtin: var(--theme--code_selector); - --theme--code_inserted: var(--theme--code_selector); - --theme--code_operator: #9a6e3a; - --theme--code_entity: var(--theme--code_operator); - --theme--code_url: var(--theme--code_operator); - --theme--code_variable: var(--theme--code_regex); - --theme--code_comment: slategrey; - --theme--code_cdata: var(--theme--code_comment); - --theme--code_prolog: var(--theme--code_comment); - --theme--code_doctype: var(--theme--code_comment); - --theme--code_atrule: #07a; - --theme--code_attr-value: var(--theme--code_atrule); - --theme--code_keyword: var(--theme--code_atrule); - --theme--code_regex: #e90; - --theme--code_important: var(--theme--code_regex); - --theme--code_function: #dd4a68; - --theme--code_class-name: var(--theme--code_function); - --theme--code_parameter: var(--theme--code_plain); - --theme--code_decorator: var(--theme--code_plain); - --theme--code_id: var(--theme--code_plain); - --theme--code_class: var(--theme--code_plain); - --theme--code_pseudo-element: var(--theme--code_plain); - --theme--code_pseudo-class: var(--theme--code_plain); - --theme--code_attribute: var(--theme--code_plain); - --theme--code_value: var(--theme--code_plain); - --theme--code_unit: var(--theme--code_plain); - --theme--code_punctuation: #999; - --theme--code_annotation: var(--theme--code_plain); -} - -:root.dark { - --theme--bg: rgb(47, 52, 55); - --theme--bg_secondary: rgb(55, 60, 63); - --theme--bg_popup: rgb(63, 68, 71); - - --theme--scrollbar_track: rgba(202, 204, 206, 0.04); - --theme--scrollbar_thumb: #474c50; - --theme--scrollbar_thumb-hover: rgba(202, 204, 206, 0.3); - - --theme--ui_shadow: rgba(15, 15, 15, 0.15); - --theme--ui_divider: rgb(255, 255, 255, 0.07); - --theme--ui_interactive-hover: rgb(71, 76, 80); - --theme--ui_interactive-active: rgb(63, 68, 71); - --theme--ui_toggle-on: var(--theme--accent_blue); - --theme--ui_toggle-off: rgba(202, 204, 206, 0.3); - --theme--ui_toggle-feature: #fff; - --theme--ui_input: rgba(15, 15, 15, 0.3); - --theme--ui_tooltip: rgb(202, 204, 206); - --theme--ui_tooltip-title: rgb(15, 15, 15); - --theme--ui_tooltip-description: rgba(47, 52, 55, 0.6); - - --theme--icon: rgba(202, 204, 206); - --theme--icon_secondary: rgb(202, 204, 206, 0.6); - - --theme--text: rgba(255, 255, 255, 0.9); - --theme--text_secondary: rgba(255, 255, 255, 0.6); - --theme--text_grey: rgba(151, 154, 155, 0.95); - --theme--text_brown: rgb(147, 114, 100); - --theme--text_orange: rgb(255, 163, 68); - --theme--text_yellow: rgb(255, 220, 73); - --theme--text_green: rgb(77, 171, 154); - --theme--text_blue: rgb(82, 156, 202); - --theme--text_purple: rgb(154, 109, 215); - --theme--text_pink: rgb(226, 85, 161); - --theme--text_red: rgb(255, 115, 105); - - --theme--highlight-text: var(--theme--text); - --theme--highlight_grey: rgb(69, 75, 78); - --theme--highlight_grey-text: var(--theme--highlight-text); - --theme--highlight_brown: rgb(67, 64, 64); - --theme--highlight_brown-text: var(--theme--highlight-text); - --theme--highlight_orange: rgb(89, 74, 58); - --theme--highlight_orange-text: var(--theme--highlight-text); - --theme--highlight_yellow: rgb(89, 86, 59); - --theme--highlight_yellow-text: var(--theme--highlight-text); - --theme--highlight_green: rgb(53, 76, 75); - --theme--highlight_green-text: var(--theme--highlight-text); - --theme--highlight_blue: rgb(54, 73, 84); - --theme--highlight_blue-text: var(--theme--highlight-text); - --theme--highlight_purple: rgb(68, 63, 87); - --theme--highlight_purple-text: var(--theme--highlight-text); - --theme--highlight_pink: rgb(83, 59, 76); - --theme--highlight_pink-text: var(--theme--highlight-text); - --theme--highlight_red: rgb(89, 65, 65); - --theme--highlight_red-text: var(--theme--highlight-text); - - --theme--block-text: var(--theme--text); - --theme--block_grey: rgb(69, 75, 78); - --theme--block_grey-text: var(--theme--block-text); - --theme--block_brown: rgb(67, 64, 64); - --theme--block_brown-text: var(--theme--block-text); - --theme--block_orange: rgb(89, 74, 58); - --theme--block_orange-text: var(--theme--block-text); - --theme--block_yellow: rgb(89, 86, 59); - --theme--block_yellow-text: var(--theme--block-text); - --theme--block_green: rgb(53, 76, 75); - --theme--block_green-text: var(--theme--block-text); - --theme--block_blue: rgb(54, 73, 84); - --theme--block_blue-text: var(--theme--block-text); - --theme--block_purple: rgb(68, 63, 87); - --theme--block_purple-text: var(--theme--block-text); - --theme--block_pink: rgb(83, 59, 76); - --theme--block_pink-text: var(--theme--block-text); - --theme--block_red: rgb(89, 65, 65); - --theme--block_red-text: var(--theme--block-text); - - --theme--tag-text: var(--theme--text); - --theme--tag_default: rgb(80, 85, 88); - --theme--tag_default-text: var(--theme--tag-text); - --theme--tag_grey: rgba(151, 154, 155, 0.5); - --theme--tag_grey-text: var(--theme--tag-text); - --theme--tag_brown: rgba(147, 114, 100, 0.5); - --theme--tag_brown-text: var(--theme--tag-text); - --theme--tag_orange: rgba(255, 163, 68, 0.5); - --theme--tag_orange-text: var(--theme--tag-text); - --theme--tag_yellow: rgba(255, 220, 73, 0.5); - --theme--tag_yellow-text: var(--theme--tag-text); - --theme--tag_green: rgba(77, 171, 154, 0.5); - --theme--tag_green-text: var(--theme--tag-text); - --theme--tag_blue: rgba(82, 156, 202, 0.5); - --theme--tag_blue-text: var(--theme--tag-text); - --theme--tag_purple: rgba(154, 109, 215, 0.5); - --theme--tag_purple-text: var(--theme--tag-text); - --theme--tag_pink: rgba(226, 85, 161, 0.5); - --theme--tag_pink-text: var(--theme--tag-text); - --theme--tag_red: rgba(255, 115, 105, 0.5); - --theme--tag_red-text: var(--theme--tag-text); - - --theme--callout-text: var(--theme--text); - --theme--callout_grey: rgba(69, 75, 78, 0.3); - --theme--callout_grey-text: var(--theme--callout-text); - --theme--callout_brown: rgba(67, 64, 64, 0.3); - --theme--callout_brown-text: var(--theme--callout-text); - --theme--callout_orange: rgba(89, 74, 58, 0.3); - --theme--callout_orange-text: var(--theme--callout-text); - --theme--callout_yellow: rgba(89, 86, 59, 0.3); - --theme--callout_yellow-text: var(--theme--callout-text); - --theme--callout_green: rgba(53, 76, 75, 0.3); - --theme--callout_green-text: var(--theme--callout-text); - --theme--callout_blue: rgba(54, 73, 84, 0.3); - --theme--callout_blue-text: var(--theme--callout-text); - --theme--callout_purple: rgba(68, 63, 87, 0.3); - --theme--callout_purple-text: var(--theme--callout-text); - --theme--callout_pink: rgba(83, 59, 76, 0.3); - --theme--callout_pink-text: var(--theme--callout-text); - --theme--callout_red: rgba(89, 65, 65, 0.3); - --theme--callout_red-text: var(--theme--callout-text); - - --theme--code_inline: rgba(135, 131, 120, 0.15); - --theme--code_inline-text: #eb5757; - - --theme--code: rgb(63, 68, 71); - --theme--code_plain: var(--theme--text); - --theme--code_property: hsl(350, 40%, 70%); - --theme--code_tag: var(--theme--code_property); - --theme--code_boolean: var(--theme--code_property); - --theme--code_number: var(--theme--code_property); - --theme--code_constant: var(--theme--code_property); - --theme--code_symbol: var(--theme--code_property); - --theme--code_deleted: #f00; - --theme--code_selector: hsl(75, 70%, 60%); - --theme--code_attr-name: var(--theme--code_selector); - --theme--code_string: var(--theme--code_selector); - --theme--code_char: var(--theme--code_selector); - --theme--code_builtin: var(--theme--code_selector); - --theme--code_inserted: var(--theme--code_selector); - --theme--code_operator: hsl(40, 90%, 60%); - --theme--code_entity: var(--theme--code_operator); - --theme--code_url: var(--theme--code_operator); - --theme--code_variable: var(--theme--code_operator); - --theme--code_comment: hsl(30, 20%, 50%); - --theme--code_cdata: var(--theme--code_comment); - --theme--code_prolog: var(--theme--code_comment); - --theme--code_doctype: var(--theme--code_comment); - --theme--code_atrule: hsl(350, 40%, 70%); - --theme--code_attr-value: var(--theme--code_atrule); - --theme--code_keyword: var(--theme--code_atrule); - --theme--code_regex: #e90; - --theme--code_important: var(--theme--code_regex); - --theme--code_function: var(--theme--code_plain); - --theme--code_class-name: var(--theme--code_function); - --theme--code_parameter: var(--theme--code_plain); - --theme--code_decorator: var(--theme--code_plain); - --theme--code_id: var(--theme--code_plain); - --theme--code_class: var(--theme--code_plain); - --theme--code_pseudo-element: var(--theme--code_plain); - --theme--code_pseudo-class: var(--theme--code_plain); - --theme--code_attribute: var(--theme--code_plain); - --theme--code_value: var(--theme--code_plain); - --theme--code_unit: var(--theme--code_plain); - --theme--code_punctuation: var(--theme--code_plain); - --theme--code_annotation: var(--theme--code_plain); -} diff --git a/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/client.css b/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/client.css deleted file mode 100644 index b0bca23..0000000 --- a/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/client.css +++ /dev/null @@ -1,61 +0,0 @@ -/* - * notion-enhancer: tweaks - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (c) 2020 arecsu - * (https://notion-enhancer.github.io/) under the MIT license - */ - -.tweak--snappy_transitions * { - animation-duration: 0s !important; - transition-duration: 0s !important; -} -.tweak--snappy_transitions .notion-selectable-halo { - opacity: 1 !important; -} - -.tweak--hide_help .notion-help-button { - display: none !important; -} - -.tweak--thicker_bold .notion-page-content span[style*='font-weight:600'] { - font-weight: 700 !important; -} - -.tweak--spaced_lines .notion-page-content .notion-selectable.notion-text-block { - line-height: 1.65 !important; - margin-top: 0.75em !important; -} - -.tweak--condensed_bullets .notion-selectable.notion-bulleted_list-block { - margin-top: -1.5px !important; - margin-bottom: -1.5px !important; -} - -.tweak--responsive_breakpoint .notion-column_list-block [style='display: flex;'] > div { - width: 100% !important; -} -.tweak--responsive_breakpoint .notion-column_list-block [style='display: flex;'] { - flex-direction: column !important; -} -.tweak--responsive_breakpoint .notion-app-inner { - --theme--page-width: 100%; - --theme--page-padding: calc(48px + env(safe-area-inset-left)); -} - -.tweak--bracketed_links .notion-link-token span { - border-bottom: none !important; -} -.tweak--bracketed_links .notion-link-token:before { - content: '[['; - opacity: 0.7; - transition: opacity 100ms ease-in; -} -.tweak--bracketed_links .notion-link-token:after { - content: ']]'; - opacity: 0.7; - transition: opacity 100ms ease-in; -} -.tweak--bracketed_links .notion-link-token:hover::before, -.tweak--bracketed_links .notion-link-token:hover::after { - opacity: 1; -} diff --git a/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/client.mjs b/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/client.mjs deleted file mode 100644 index 42ae21c..0000000 --- a/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/client.mjs +++ /dev/null @@ -1,49 +0,0 @@ -/* - * notion-enhancer: tweaks - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -'use strict'; - -const _id = '5174a483-c88d-4bf8-a95f-35cd330b76e2'; -import { env, storage, web } from '../../api/_.mjs'; - -web.whenReady().then(async () => { - const cssInsert = await storage.get(_id, '_file.insert.css'); - if (cssInsert) { - document.body.append( - web.createElement( - web.html` - ` - ) - ); - } - - if (['linux', 'win32'].includes(env.name)) { - // dragarea_height - } - - for (const tweak of [ - 'snappy_transitions', - 'thicker_bold', - 'spaced_lines', - 'hide_help', - 'condensed_bullets', - 'bracketed_links', - ]) { - if (await storage.get(_id, `tweak.${tweak}`)) { - document.body.classList.add(`tweak--${tweak}`); - } - } - - const responsiveBreakpoint = await storage.get(_id, 'tweak.responsive_breakpoint'), - addResponsiveBreakpoint = () => { - document.body.classList.remove('tweak--responsive_breakpoint'); - if (window.innerWidth <= responsiveBreakpoint) { - document.body.classList.add('tweak--responsive_breakpoint'); - } - }; - window.addEventListener('resize', addResponsiveBreakpoint); - addResponsiveBreakpoint(); -}); diff --git a/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/mod.json b/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/mod.json deleted file mode 100644 index 6b5203e..0000000 --- a/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/mod.json +++ /dev/null @@ -1,84 +0,0 @@ -{ - "name": "tweaks", - "id": "5174a483-c88d-4bf8-a95f-35cd330b76e2", - "version": "0.2.0", - "description": "common style/layout changes and custom CSS insertion.", - "tags": ["extension", "customisation"], - "authors": [ - { - "name": "dragonwocky", - "email": "thedragonring.bod@gmail.com", - "homepage": "https://dragonwocky.me/", - "avatar": "https://dragonwocky.me/avatar.jpg" - } - ], - "css": { - "client": ["client.css"] - }, - "js": { - "client": ["client.mjs"] - }, - "options": [ - { - "type": "file", - "key": "insert.css", - "label": "css insert", - "extensions": [".css"] - }, - { - "key": "tweak.dragarea_height", - "label": "height of frameless dragarea:", - "tooltip": "the rectangle added at the top of a window in 'integrated titlebar' mode, used to drag/move the window.", - "type": "number", - "value": 15, - "environments": ["linux", "win32"] - }, - { - "key": "tweak.responsive_breakpoint", - "label": "responsive columns breakpoint (px)", - "tooltip": "the width in pixels below which in-page columns are resized to appear full-width so content isn't squished.", - "type": "number", - "value": 600 - }, - { - "key": "tweak.snappy_transitions", - "label": "snappy transitions", - "tooltip": "set animation time for all css-driven animations to 0s. may not affect element motion e.g. the sidebar popping out.", - "type": "toggle", - "value": false - }, - { - "key": "tweak.hide_help", - "label": "hide help button", - "type": "toggle", - "value": false - }, - { - "key": "tweak.thicker_bold", - "label": "thicker bold text", - "type": "toggle", - "value": true - }, - { - "key": "tweak.spaced_lines", - "label": "readable line spacing", - "tooltip": "greater line spacing between text blocks.", - "type": "toggle", - "value": false - }, - { - "key": "tweak.condensed_bullets", - "label": "condense bullet points", - "tooltip": "tighter line spacing between bullet point blocks.", - "type": "toggle", - "value": false - }, - { - "key": "tweak.bracketed_links", - "label": "bracketed links", - "tooltip": "render links surrounded with [[brackets]] instead of __underlined__.", - "type": "toggle", - "value": false - } - ] -}