(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`
- Profile: ${web.escape(profileName)}
- `;
-
-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`${web.escape(profile)} `
- ),
- $select = web.html`
- -- new --
- ${$options.join('')}
- `,
- $edit = web.html` `,
- $export = web.html`
- ${await components.feather('download', { class: 'profile-icon-action' })}
- `,
- $import = web.html`
-
- ${await components.feather('upload', { class: 'profile-icon-action' })}
- `,
- $save = web.html`
- ${await components.feather('save', { class: 'profile-icon-text' })} Save
- `,
- $delete = web.html`
- ${await components.feather('trash-2', { class: 'profile-icon-text' })} Delete
- `,
- $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/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/mod.json b/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/mod.json
deleted file mode 100644
index 0aa7b7f..0000000
--- a/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/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/notifications.mjs b/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/notifications.mjs
deleted file mode 100644
index 97e0f93..0000000
--- a/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/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/router.mjs b/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/router.mjs
deleted file mode 100644
index 8a5e70e..0000000
--- a/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/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/styles.mjs b/repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/styles.mjs
deleted file mode 100644
index 22e0604..0000000
--- a/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/repo/registry.json b/repo/registry.json
deleted file mode 100644
index 7977fb3..0000000
--- a/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/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/client.mjs b/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/client.mjs
deleted file mode 100644
index 4ec6ac3..0000000
--- a/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/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/mod.json b/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/mod.json
deleted file mode 100644
index 27b6db1..0000000
--- a/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/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/prism.css b/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/prism.css
deleted file mode 100644
index 6d9ae4f..0000000
--- a/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/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/theme.css b/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/theme.css
deleted file mode 100644
index 7a4f74f..0000000
--- a/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/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables.css b/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables.css
deleted file mode 100644
index b7bf564..0000000
--- a/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/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/client.css b/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/client.css
deleted file mode 100644
index b0bca23..0000000
--- a/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/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/client.mjs b/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/client.mjs
deleted file mode 100644
index 42ae21c..0000000
--- a/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/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/mod.json b/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/mod.json
deleted file mode 100644
index 6b5203e..0000000
--- a/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
- }
- ]
-}
diff --git a/worker.js b/worker.js
index 0ec184d..48f5833 100644
--- a/worker.js
+++ b/worker.js
@@ -6,11 +6,9 @@
'use strict';
-async function focusMenu() {
+function focusMenu() {
chrome.tabs.query({ windowId: chrome.windows.WINDOW_ID_CURRENT }, (tabs) => {
- const url = chrome.runtime.getURL(
- 'repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/menu.html'
- ),
+ const url = chrome.runtime.getURL('repo/menu/menu.html'),
menu = tabs.find((tab) => tab.url.startsWith(url));
if (menu) {
chrome.tabs.highlight({ 'tabs': menu.index });
@@ -19,7 +17,7 @@ async function focusMenu() {
}
chrome.browserAction.onClicked.addListener(focusMenu);
-async function focusNotion() {
+function focusNotion() {
chrome.tabs.query({ windowId: chrome.windows.WINDOW_ID_CURRENT }, (tabs) => {
const notion = tabs.find((tab) => {
const url = new URL(tab.url),
@@ -32,11 +30,9 @@ async function focusNotion() {
});
}
-async function reload() {
+function reload() {
chrome.tabs.query({ windowId: chrome.windows.WINDOW_ID_CURRENT }, (tabs) => {
- const menu = chrome.runtime.getURL(
- 'repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/menu.html'
- );
+ const menu = chrome.runtime.getURL('repo/menu/menu.html');
tabs.forEach((tab) => {
const url = new URL(tab.url),
matches =