dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-05 21:29:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

new theming: missing styles + bugfixes

Browse Source
This commit is contained in:
dragonwocky 2020-12-18 22:44:38 +11:00
parent 5aa36fef41
commit a362f804d9
Signed by: dragonwocky
GPG Key ID: C7A48B7846AA706D
5 changed files with 781 additions and 326 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

105
insert/core/mod.js Normal file
View File

@ -0,0 +1,105 @@
/*
* notion-enhancer
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* (https://dragonwocky.me/notion-enhancer) under the MIT license
*/
'use strict';
module.exports = {
forced: true,
hidden: true,
id: '30a382b0-42e1-4a00-8c9d-7b2d9886a09a',
name: 'notion-enhancer core',
version: require('../package.json').version,
authors: [
{
name: 'dragonwocky',
link: 'https://dragonwocky.me/',
avatar: 'https://dragonwocky.me/avatar.jpg',
},
],
options: [
{
key: 'menu.autoresolve',
label: '**menu:** auto-resolve theme conflicts',
desc:
'enabling a theme will disable any other themes of the same mode (light/dark).',
type: 'toggle',
value: false,
},
{
key: 'openhidden',
label: 'hide app on open',
desc:
'app can be made visible by clicking the tray icon or using the hotkey.',
type: 'toggle',
value: false,
},
{
key: 'maximized',
label: 'auto-maximise windows',
desc:
'whenever a window is un-hidden or is created it will be maximised.',
type: 'toggle',
value: false,
},
{
key: 'close_to_tray',
label: 'close window to the tray',
desc: `pressing the × close button will hide the app instead of quitting it.\
it can be re-shown by clicking the tray icon or using the hotkey.`,
type: 'toggle',
value: true,
platformOverwrite: {
darwin: true,
},
},
{
key: 'hotkey',
label: '**hotkey:** toggle all windows',
desc: 'used to hide/show all app windows.',
type: 'input',
value: 'CommandOrControl+Shift+A',
},
{
key: 'menu_toggle',
label: '**hotkey:** toggle enhancements menu',
desc: 'used to open/close the menu while notion is focused.',
type: 'input',
value: 'Alt+E',
},
],
hacks: {
'renderer/preload.js': (
__exports,
store,
{ web: { whenReady, loadStyleset } }
) => {
whenReady(() => {
// document.defaultView.addEventListener('keyup', (event) => {
// // additional hotkeys
// if (event.key === 'F5') location.reload();
// // open menu on hotkey toggle
// if (store().get().menu_toggle) {
// const hotkey = {
// ctrlKey: false,
// metaKey: false,
// altKey: false,
// shiftKey: false,
// ...toKeyEvent(store().menu_toggle),
// };
// let triggered = true;
// for (let prop in hotkey)
// if (
// hotkey[prop] !== event[prop] &&
// !(prop === 'key' && event[prop] === 'Dead')
// )
// triggered = false;
// if (triggered) electron.ipcRenderer.send('enhancer:open-menu');
// }
// });
});
},
},
};

2
insert/helpers.js
View File

@ -19,6 +19,7 @@ enhancements.validate = (mod, others = []) => {
typeof mod.id === 'string', typeof mod.id === 'string',
!others.find((m) => m.id === mod.id), !others.find((m) => m.id === mod.id),
typeof mod.name === 'string', typeof mod.name === 'string',
mod.desc ? typeof mod.desc === 'string' : true,
typeof mod.version === 'string', typeof mod.version === 'string',
Array.isArray(mod.authors), Array.isArray(mod.authors),
mod.authors.every( mod.authors.every(
@ -98,6 +99,7 @@ enhancements.get = (id) => {
return all.find((m) => m.id === id); return all.find((m) => m.id === id);
}; };
enhancements.styles = (id) => { enhancements.styles = (id) => {
if (!helperCache.styles) helperCache.styles = {};
if (helperCache.styles[id]) return helperCache.styles[id]; if (helperCache.styles[id]) return helperCache.styles[id];
const mod = enhancements.get(id); const mod = enhancements.get(id);
helperCache.styles[id] = {}; helperCache.styles[id] = {};

425
insert/theming/app.css
View File

@ -175,6 +175,9 @@ iframe[style*='background-color'],
} }
.notion-sidebar-container, .notion-sidebar-container,
.notion-workspace-plan-choose,
.notion-workspace-create,
.notion-workspace-invite,
.notion-body.dark .notion-body.dark
.notion-overlay-container.notion-default-overlay-container .notion-overlay-container.notion-default-overlay-container
> :nth-child(2) > :nth-child(2)
@ -212,7 +215,12 @@ iframe[style*='background-color'],
> div > div
> :nth-child(2) > :nth-child(2)
> div > div
> :nth-child(1)[style*='background: rgb(247, 246, 243)'] { > :nth-child(1)[style*='background: rgb(247, 246, 243)'],
.notion-page-template-modal > :nth-child(2),
.notion-page-template-modal
> :nth-child(2)
> :nth-child(2)
> :last-child[role='button'] {
background: var(--theme--sidebar) !important; background: var(--theme--sidebar) !important;
} }
.notion-cursor-listener .notion-cursor-listener
@ -377,10 +385,11 @@ iframe[style*='background-color'],
> div, > div,
#notion-app #notion-app
> div > div
> div.notion-overlay-container.notion-default-overlay-container > .notion-overlay-container.notion-default-overlay-container
> :nth-child(4) > :nth-child(4)
> div > div
> :nth-child(2)[style*='background'] { > :nth-child(2)[style*='background'],
.notion-onboarding-popup {
background: var(--theme--popout) !important; background: var(--theme--popout) !important;
} }
@ -392,8 +401,31 @@ iframe[style*='background-color'],
var(--theme--shadow) 0px 1px 2px !important; var(--theme--shadow) 0px 1px 2px !important;
} }
.notion-dark-theme .notion-workspace-plan-choose img[src='/tutorial/ada-1.png'],
.notion-dark-theme .notion-workspace-create img[src='/tutorial/ada-1.png'],
.notion-dark-theme .notion-workspace-invite img[src='/tutorial/ada-1.png'] {
filter: drop-shadow(1px 1px #fff) drop-shadow(-1px -1px #fff)
drop-shadow(-1px 1px #fff) drop-shadow(1px -1px #fff);
}
.notion-body.dark
[style^='position: absolute;'][style*='z-index: 999; background-color: rgba(55, 60, 63, 0.8);']:empty,
.notion-body.dark
[style^='position: absolute;'][style*='z-index: 999; background-color: rgba(47, 52, 55, 0.8);']:empty,
.notion-body:not(.dark)
[style^='position: absolute;'][style*='z-index: 999; background-color: rgba(247, 246, 243, 0.8);']:empty,
.notion-body:not(.dark)
[style^='position: absolute;'][style*='z-index: 999; background-color: rgba(255, 255, 255, 0.8);']:empty {
background: var(--theme--introduction_overlay) !important;
}
/* accent */ /* accent */
.notion-onboarding-plan-type-personal[style*='box-shadow: rgb(46, 170, 220) 0px 0px 0px 2px, rgba(182, 182, 182, 0.25) 0px 8px 12px'],
.notion-onboarding-plan-type-team[style*='box-shadow: rgb(46, 170, 220) 0px 0px 0px 2px, rgba(182, 182, 182, 0.25) 0px 8px 12px'] {
box-shadow: var(--theme--accent) 0px 0px 0px 2px,
rgba(182, 182, 182, 0.25) 0px 8px 12px !important;
}
::selection, ::selection,
.notion-selectable-halo, .notion-selectable-halo,
.notion-overlay-container.notion-default-overlay-container .notion-overlay-container.notion-default-overlay-container
@ -448,6 +480,13 @@ iframe[style*='background-color'],
background: var(--theme--accent_date-hover) !important; background: var(--theme--accent_date-hover) !important;
} }
.notion-body .notion-link:hover {
color: var(--theme--notion_ui_link-hover) !important;
}
.notion-workspace-plan-choose img[src='/images/onboarding/checked.svg'] {
filter: hue-rotate(var(--theme--notion_plan_choose_checkmark_hue-rotate));
}
/* databases */ /* databases */
.notion-timeline-view .notion-timeline-item, .notion-timeline-view .notion-timeline-item,
@ -588,7 +627,13 @@ iframe[style*='background-color'],
> div > div
> :nth-child(1) > :nth-child(1)
> :nth-child(1) > :nth-child(1)
> [style*='border-radius: 3px; height: 28px;']:not([style*='background: rgba(46, 170, 220, 0.15)']) { > [style*='border-radius: 3px; height: 28px;']:not([style*='background: rgba(46, 170, 220, 0.15)']),
.notion-workspace-invite
[style*='display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; min-height: 34px;'][style*='height: 100px;'],
.notion-body.dark
[style*='box-shadow: rgba(15, 15, 15, 0.2) 0px 0px 0px 1px inset'][style*='cursor: text;'],
.notion-body:not(.dark)
[style*='box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px inset'][style*='cursor: text;'] {
background: var(--theme--input) !important; background: var(--theme--input) !important;
} }
.notion-body.dark .notion-body.dark
@ -612,12 +657,24 @@ iframe[style*='background-color'],
background: var(--theme--input-hover) !important; background: var(--theme--input-hover) !important;
} }
[style*='[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*='[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]']
[role='button'][style*='background:'] { [role='button'][style*='background:'],
.notion-overlay-container.notion-default-overlay-container
> :nth-child(2)
> div
> :nth-child(2)
> :nth-child(2)
> div
> div
> div
> div
> .notion-scroller.vertical
[style*='display: inline-flex;'][style*='margin-right: 8px; max-width: 180px;'][role='button'] {
background: var(--theme--filter) !important; background: var(--theme--filter) !important;
} }
[style*='[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*='[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;'] { [style*='grid-column: property-start / value-end;'] {
background: var(--theme--sub_filter) !important; background: var(--theme--sub_filter) !important;
box-shadow: var(--theme--divider) 0px 0px 0px 1px !important;
} }
.notion-overlay-container.notion-default-overlay-container .notion-overlay-container.notion-default-overlay-container
> :nth-child(2) > :nth-child(2)
@ -719,7 +776,8 @@ iframe[style*='background-color'],
.notion-body.dark [role='button'][style*='background: rgb(47, 52, 55)'], .notion-body.dark [role='button'][style*='background: rgb(47, 52, 55)'],
.notion-body:not(.dark) .notion-body:not(.dark)
:not([style*='[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]']) :not([style*='[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]'])
> [role='button'][style*='background: white']:not(.notion-help-button), > :not([style*='[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]']):not(.notion-login)
> [role='button'][style*='background: white']:not(.notion-help-button):not([style*='margin-right: 8px; max-width: 180px;']):not(.notion-onboarding-plan-type-personal):not(.notion-onboarding-plan-type-team),
.notion-cursor-listener .notion-cursor-listener
> .notion-frame > .notion-frame
> .notion-scroller.vertical.horizontal > .notion-scroller.vertical.horizontal
@ -751,7 +809,7 @@ iframe[style*='background-color'],
.notion-body:not(.dark) .notion-body:not(.dark)
:not([style*='[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]']) :not([style*='[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]'])
> [role='button'][style*='background: white']:not(.notion-help-button) > [role='button'][style*='background: white']:not(.notion-help-button)
[style*='fill']:not(.plus), [style*='fill']:not(.plus):not(.appleLogo),
.notion-cursor-listener .notion-cursor-listener
> .notion-frame > .notion-frame
> .notion-scroller.vertical.horizontal > .notion-scroller.vertical.horizontal
@ -818,6 +876,14 @@ iframe[style*='background-color'],
[style*='width: 4px; height: 100%; background: rgba(55, 53, 47, 0.16);'] { [style*='width: 4px; height: 100%; background: rgba(55, 53, 47, 0.16);'] {
background: var(--theme--divider) !important; background: var(--theme--divider) !important;
} }
.notion-workspace-create
> :nth-child(2)
> :nth-child(2)
> div
> [style*='margin-top: 16px;']
> [role='button'] {
box-shadow: var(--theme--divider) 0px 0px 0px 1px !important;
}
.notion-table-view > .notion-collection_view-block > :first-child, .notion-table-view > .notion-collection_view-block > :first-child,
.notion-table-view > .notion-collection_view_page-block > :first-child { .notion-table-view > .notion-collection_view_page-block > :first-child {
box-shadow: var(--theme--divider) -3px 0px 0px, box-shadow: var(--theme--divider) -3px 0px 0px,
@ -937,6 +1003,64 @@ iframe[style*='background-color'],
box-shadow: var(--theme--divider) 0px 0px 0px 1px inset !important; box-shadow: var(--theme--divider) 0px 0px 0px 1px inset !important;
} }
.notion-embed-block > div > div[style*='background:'],
.notion-image-block > div > div[style*='background:'],
.notion-video-block > div > div[style*='background:'],
.notion-codepen-block > div > div[style*='background:'],
.notion-typeform-block > div > div[style*='background:'],
.notion-whimsical-block > div > div[style*='background:'],
.notion-loom-block > div > div[style*='background:'],
.notion-pdf-block > div > div[style*='background:'],
.notion-figma-block > div > div[style*='background:'],
.notion-miro-block > div > div[style*='background:'],
.notion-invision-block > div > div[style*='background:'],
.notion-framer-block > div > div[style*='background:'],
.notion-gist-block > div > div[style*='background:'],
.notion-maps-block > div > div[style*='background:'],
.notion-abstract-block > div > div[style*='background:'],
.notion-tweet-block > div > div[style*='background:'],
.notion-drive-block > div > div[style*='background:'] {
background: var(--theme--embed_block) !important;
}
.notion-equation-block > div > div[style*='background'] {
background: var(--theme--equation_block) !important;
}
.notion-body.dark
.notion-overlay-container.notion-default-overlay-container
> :nth-child(2)
> div
> :nth-child(2)
> :nth-child(2)
> div
> div
> div
> div[style*='background: rgba(15, 15, 15, 0.3)'],
.notion-body:not(.dark)
.notion-overlay-container.notion-default-overlay-container
> :nth-child(2)
> div
> :nth-child(2)
> :nth-child(2)
> div
> div
> div
> div[style*='background: rgba(242, 241, 238, 0.6)'] {
background: var(--theme--equation_editor) !important;
}
.notion-text-equation-token {
background: var(--theme--equation_inline) !important;
color: var(--theme--equation_inline-text) !important;
}
[role='alert'][style*='background:'] {
background: var(--theme_dark--equation_error_block) !important;
}
[role='alert'][style*='color:'] {
color: var(--theme_dark--equation_error-text) !important;
}
[role='alert'][style*='color:'][style*='background:'] {
color: var(--theme_dark--equation_error_inline-text) !important;
}
.notion-frame [style*='background: rgba(0, 0, 0, 0.4)'][style*='color: white'], .notion-frame [style*='background: rgba(0, 0, 0, 0.4)'][style*='color: white'],
.notion-peek-renderer .notion-peek-renderer
[style*='background: rgba(0, 0, 0, 0.4)'][style*='color: white'] { [style*='background: rgba(0, 0, 0, 0.4)'][style*='color: white'] {
@ -982,12 +1106,29 @@ iframe[style*='background-color'],
background: var(--theme--help-hover) !important; background: var(--theme--help-hover) !important;
} }
.notion-space-settings [role='button'][style*='color: rgb(235, 87, 87);'] { .notion-space-settings
[role='button'][style*='color: rgb(235, 87, 87);']:not([style*='background: rgb(253, 245, 242)']):not([style*='background: rgb(251, 235, 232)']),
.notion-overlay-container.notion-default-overlay-container
> :nth-child(3)
> div
> :nth-child(2)
> div
> :nth-child(3)
> div
> :nth-child(1)[role='button'][style*='color: rgb(235, 87, 87);'] {
color: var(--theme--settings_danger_button-text) !important; color: var(--theme--settings_danger_button-text) !important;
border: 1px solid var(--theme--settings_danger_button-border) !important; border: 1px solid var(--theme--settings_danger_button-border) !important;
} }
.notion-space-settings .notion-space-settings
[role='button'][style*='color: rgb(235, 87, 87);']:hover { [role='button'][style*='color: rgb(235, 87, 87);']:not([style*='background: rgb(251, 235, 232)']):hover,
.notion-overlay-container.notion-default-overlay-container
> :nth-child(3)
> div
> :nth-child(2)
> div
> :nth-child(3)
> div
> :nth-child(1)[role='button'][style*='color: rgb(235, 87, 87);']:hover {
background: var(--theme--settings_danger_button-hover) !important; background: var(--theme--settings_danger_button-hover) !important;
} }
@ -1032,13 +1173,13 @@ iframe[style*='background-color'],
[style*='font-size: 40px'] { [style*='font-size: 40px'] {
font-size: var(--theme_dark--font_title-size) !important; font-size: var(--theme_dark--font_title-size) !important;
} }
[style*='font-size: 1.875em'] { [placeholder='Heading 1'] {
font-size: var(--theme_dark--font_heading1-size) !important; font-size: var(--theme_dark--font_heading1-size) !important;
} }
[style*='font-size: 1.5em'] { [placeholder='Heading 2'] {
font-size: var(--theme_dark--font_heading2-size) !important; font-size: var(--theme_dark--font_heading2-size) !important;
} }
[style*='font-size: 1.25em'] { [placeholder='Heading 3'] {
font-size: var(--theme_dark--font_heading3-size) !important; font-size: var(--theme_dark--font_heading3-size) !important;
} }
[style*='font-size: 16px'] { [style*='font-size: 16px'] {
@ -1087,10 +1228,16 @@ iframe[style*='background-color'],
.notion-body.dark [style*=' color: rgba(255, 255, 255, 0.9);'], .notion-body.dark [style*=' color: rgba(255, 255, 255, 0.9);'],
.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)
:not(.notion-login)
> [style*=' color: rgb(55, 53, 47);'],
.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; color: var(--theme--text) !important;
} }
.notion-body.dark [style*='fill: rgba(255, 255, 255, 0.9);'],
.notion-body:not(.dark) [style*='fill: rgb(55, 53, 47);'] {
fill: var(--theme--text) !important;
}
.notion-body.dark [style*='border-bottom: 2px solid rgba(255, 255, 255, 0.9);'], .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);'] { .notion-body:not(.dark) [style*='border-bottom: 2px solid rgb(55, 53, 47);'] {
border-bottom: 2px solid var(--theme--text) !important; border-bottom: 2px solid var(--theme--text) !important;
@ -1228,8 +1375,19 @@ iframe[style*='background-color'],
.notion-body.dark [style*='background: rgb(80, 85, 88)']:not([role='button']), .notion-body.dark [style*='background: rgb(80, 85, 88)']:not([role='button']),
.notion-body:not(.dark) .notion-body:not(.dark)
[style*='background: rgba(206, 205, 202, 0.5)']:not([role='button']) { [style*='background: rgba(206, 205, 202, 0.5)']:not([role='button']) {
background: var(--theme--select_default) !important; background: var(--theme--tag_default) !important;
color: var(--theme--select_default-text) !important; color: var(--theme--tag_default-text) !important;
}
.notion-body.dark
[style*='color: rgba(255, 255, 255, 0.6); background: rgb(80, 85, 88)']:not([role='button']),
.notion-body:not(.dark)
[style*='color: rgba(55, 53, 47, 0.6); background: rgba(206, 205, 202, 0.5)']:not([role='button']) {
background: var(--theme--tag_plan) !important;
color: var(--theme--tag_plan-text) !important;
}
[style*='background: rgb(235, 87, 87); color: white; border-radius: 3px;']:not([role='button']) {
background: var(--theme--tag_new) !important;
color: var(--theme--tag_new-text) !important;
} }
.notion-body.dark [style*='color:rgba(151,154,155,0.95)'], .notion-body.dark [style*='color:rgba(151,154,155,0.95)'],
@ -1243,8 +1401,19 @@ iframe[style*='background-color'],
} }
.notion-body.dark [style*='background:rgb(69,75,78)'], .notion-body.dark [style*='background:rgb(69,75,78)'],
.notion-body:not(.dark) [style*='background:rgb(235,236,237)'] { .notion-body:not(.dark) [style*='background:rgb(235,236,237)'] {
background: var(--theme--bg_grey) !important; background: var(--theme--highlight_grey) !important;
color: var(--theme--bg_grey-text) !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 .notion-body.dark
[style*='color:rgba(151,154,155,0.95)'] [style*='color:rgba(151,154,155,0.95)']
@ -1258,19 +1427,19 @@ iframe[style*='background-color'],
.notion-body:not(.dark) .notion-body:not(.dark)
[style*='color: rgba(55, 53, 47, 0.6); fill: rgba(55, 53, 47, 0.6);'] [style*='color: rgba(55, 53, 47, 0.6); fill: rgba(55, 53, 47, 0.6);']
[style*='background:rgb(235,236,237)'] { [style*='background:rgb(235,236,237)'] {
background: var(--theme--bg_grey) !important; background: var(--theme--highlight_grey) !important;
color: var(--theme--text_grey) !important; color: var(--theme--text_grey) !important;
fill: var(--theme--text_grey) !important; fill: var(--theme--text_grey) !important;
} }
.notion-body.dark [style*='background: rgb(69, 75, 78)'], .notion-body.dark [style*='background: rgb(69, 75, 78)'],
.notion-body:not(.dark) [style*='background: rgb(235, 236, 237)'] { .notion-body:not(.dark) [style*='background: rgb(235, 236, 237)'] {
background: var(--theme--line_grey) !important; background: var(--theme--block_grey) !important;
color: var(--theme--line_grey-text) !important; color: var(--theme--block_grey-text) !important;
} }
.notion-body.dark [style*='background: rgba(151, 154, 155, 0.5)'], .notion-body.dark [style*='background: rgba(151, 154, 155, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] { .notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] {
background: var(--theme--select_grey) !important; background: var(--theme--tag_grey) !important;
color: var(--theme--select_grey-text) !important; color: var(--theme--tag_grey-text) !important;
} }
.notion-body.dark [style*='background: rgba(69, 75, 78, 0.3)'], .notion-body.dark [style*='background: rgba(69, 75, 78, 0.3)'],
.notion-body:not(.dark) [style*='background: rgba(235, 236, 237, 0.3)'] { .notion-body:not(.dark) [style*='background: rgba(235, 236, 237, 0.3)'] {
@ -1289,8 +1458,19 @@ iframe[style*='background-color'],
} }
.notion-body.dark [style*='background:rgb(67,64,64)'], .notion-body.dark [style*='background:rgb(67,64,64)'],
.notion-body:not(.dark) [style*='background:rgb(233,229,227)'] { .notion-body:not(.dark) [style*='background:rgb(233,229,227)'] {
background: var(--theme--bg_brown) !important; background: var(--theme--highlight_brown) !important;
color: var(--theme--bg_brown-text) !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 .notion-body.dark
[style*='color:rgb(147,114,100)'] [style*='color:rgb(147,114,100)']
@ -1304,19 +1484,19 @@ iframe[style*='background-color'],
.notion-body:not(.dark) .notion-body:not(.dark)
[style*='color: rgb(100, 71, 58); fill: rgb(100, 71, 58);'] [style*='color: rgb(100, 71, 58); fill: rgb(100, 71, 58);']
[style*='background:rgb(233,229,227)'] { [style*='background:rgb(233,229,227)'] {
background: var(--theme--bg_brown) !important; background: var(--theme--highlight_brown) !important;
color: var(--theme--text_brown) !important; color: var(--theme--text_brown) !important;
fill: var(--theme--text_brown) !important; fill: var(--theme--text_brown) !important;
} }
.notion-body.dark [style*='background: rgb(67, 64, 64)'], .notion-body.dark [style*='background: rgb(67, 64, 64)'],
.notion-body:not(.dark) [style*='background: rgb(233, 229, 227)'] { .notion-body:not(.dark) [style*='background: rgb(233, 229, 227)'] {
background: var(--theme--line_brown) !important; background: var(--theme--block_brown) !important;
color: var(--theme--line_brown-text) !important; color: var(--theme--block_brown-text) !important;
} }
.notion-body.dark [style*='background: rgba(147, 114, 100, 0.5)'], .notion-body.dark [style*='background: rgba(147, 114, 100, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] { .notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] {
background: var(--theme--select_brown) !important; background: var(--theme--tag_brown) !important;
color: var(--theme--select_brown-text) !important; color: var(--theme--tag_brown-text) !important;
} }
.notion-body.dark [style*='background: rgba(67, 64, 64, 0.3)'], .notion-body.dark [style*='background: rgba(67, 64, 64, 0.3)'],
.notion-body:not(.dark) [style*='background: rgba(233, 229, 227, 0.3)'] { .notion-body:not(.dark) [style*='background: rgba(233, 229, 227, 0.3)'] {
@ -1334,8 +1514,19 @@ iframe[style*='background-color'],
} }
.notion-body.dark [style*='background:rgb(89,74,58)'], .notion-body.dark [style*='background:rgb(89,74,58)'],
.notion-body:not(.dark) [style*='background:rgb(250,235,221)'] { .notion-body:not(.dark) [style*='background:rgb(250,235,221)'] {
background: var(--theme--bg_orange) !important; background: var(--theme--highlight_orange) !important;
color: var(--theme--bg_orange-text) !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 .notion-body.dark
[style*='color:rgb(255,163,68)'] [style*='color:rgb(255,163,68)']
@ -1349,19 +1540,19 @@ iframe[style*='background-color'],
.notion-body:not(.dark) .notion-body:not(.dark)
[style*='color: rgb(217, 115, 13); fill: rgb(217, 115, 13);'] [style*='color: rgb(217, 115, 13); fill: rgb(217, 115, 13);']
[style*='background:rgb(250,235,221)'] { [style*='background:rgb(250,235,221)'] {
background: var(--theme--bg_orange) !important; background: var(--theme--highlight_orange) !important;
color: var(--theme--text_orange) !important; color: var(--theme--text_orange) !important;
fill: var(--theme--text_orange) !important; fill: var(--theme--text_orange) !important;
} }
.notion-body.dark [style*='background: rgb(89, 74, 58)'], .notion-body.dark [style*='background: rgb(89, 74, 58)'],
.notion-body:not(.dark) [style*='background: rgb(250, 235, 221)'] { .notion-body:not(.dark) [style*='background: rgb(250, 235, 221)'] {
background: var(--theme--line_orange) !important; background: var(--theme--block_orange) !important;
color: var(--theme--line_orange-text) !important; color: var(--theme--block_orange-text) !important;
} }
.notion-body.dark [style*='background: rgba(255, 163, 68, 0.5)'], .notion-body.dark [style*='background: rgba(255, 163, 68, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(245, 93, 0, 0.2)'] { .notion-body:not(.dark) [style*='background: rgba(245, 93, 0, 0.2)'] {
background: var(--theme--select_orange) !important; background: var(--theme--tag_orange) !important;
color: var(--theme--select_orange-text) !important; color: var(--theme--tag_orange-text) !important;
} }
.notion-body.dark [style*='background: rgba(89, 74, 58, 0.3)'], .notion-body.dark [style*='background: rgba(89, 74, 58, 0.3)'],
.notion-body:not(.dark) [style*='background: rgba(250, 235, 221, 0.3)'] { .notion-body:not(.dark) [style*='background: rgba(250, 235, 221, 0.3)'] {
@ -1379,8 +1570,19 @@ iframe[style*='background-color'],
} }
.notion-body.dark [style*='background:rgb(89,86,59)'], .notion-body.dark [style*='background:rgb(89,86,59)'],
.notion-body:not(.dark) [style*='background:rgb(251,243,219)'] { .notion-body:not(.dark) [style*='background:rgb(251,243,219)'] {
background: var(--theme--bg_yellow) !important; background: var(--theme--highlight_yellow) !important;
color: var(--theme--bg_yellow-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_yellow-text) !important;
} }
.notion-body.dark .notion-body.dark
[style*='color:rgb(255,220,73)'] [style*='color:rgb(255,220,73)']
@ -1394,19 +1596,19 @@ iframe[style*='background-color'],
.notion-body:not(.dark) .notion-body:not(.dark)
[style*='color: rgb(223, 171, 1); fill: rgb(223, 171, 1);'] [style*='color: rgb(223, 171, 1); fill: rgb(223, 171, 1);']
[style*='background:rgb(251,243,219)'] { [style*='background:rgb(251,243,219)'] {
background: var(--theme--bg_yellow) !important; background: var(--theme--highlight_yellow) !important;
color: var(--theme--text_yellow) !important; color: var(--theme--text_yellow) !important;
fill: var(--theme--text_yellow) !important; fill: var(--theme--text_yellow) !important;
} }
.notion-body.dark [style*='background: rgb(89, 86, 59)'], .notion-body.dark [style*='background: rgb(89, 86, 59)'],
.notion-body:not(.dark) [style*='background: rgb(251, 243, 219)'] { .notion-body:not(.dark) [style*='background: rgb(251, 243, 219)'] {
background: var(--theme--line_yellow) !important; background: var(--theme--block_yellow) !important;
color: var(--theme--line_yellow-text) !important; color: var(--theme--block_yellow-text) !important;
} }
.notion-body.dark [style*='background: rgba(255, 220, 73, 0.5)'], .notion-body.dark [style*='background: rgba(255, 220, 73, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(233, 168, 0, 0.2)'] { .notion-body:not(.dark) [style*='background: rgba(233, 168, 0, 0.2)'] {
background: var(--theme--select_yellow) !important; background: var(--theme--tag_yellow) !important;
color: var(--theme--select_yellow-text) !important; color: var(--theme--tag_yellow-text) !important;
} }
.notion-body.dark [style*='background: rgba(89, 86, 59, 0.3)'], .notion-body.dark [style*='background: rgba(89, 86, 59, 0.3)'],
.notion-body:not(.dark) [style*='background: rgba(251, 243, 219, 0.3)'] { .notion-body:not(.dark) [style*='background: rgba(251, 243, 219, 0.3)'] {
@ -1424,8 +1626,31 @@ iframe[style*='background-color'],
} }
.notion-body.dark [style*='background:rgb(53,76,75)'], .notion-body.dark [style*='background:rgb(53,76,75)'],
.notion-body:not(.dark) [style*='background:rgb(221,237,234)'] { .notion-body:not(.dark) [style*='background:rgb(221,237,234)'] {
background: var(--theme--bg_green) !important; background: var(--theme--highlight_green) !important;
color: var(--theme--bg_green-text) !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 .notion-body.dark
[style*='color:rgb(77,171,154)'] [style*='color:rgb(77,171,154)']
@ -1439,19 +1664,19 @@ iframe[style*='background-color'],
.notion-body:not(.dark) .notion-body:not(.dark)
[style*='color: rgb(15, 123, 108); fill: rgb(15, 123, 108);'] [style*='color: rgb(15, 123, 108); fill: rgb(15, 123, 108);']
[style*='background:rgb(221,237,234)'] { [style*='background:rgb(221,237,234)'] {
background: var(--theme--bg_green) !important; background: var(--theme--highlight_green) !important;
color: var(--theme--text_green) !important; color: var(--theme--text_green) !important;
fill: var(--theme--text_green) !important; fill: var(--theme--text_green) !important;
} }
.notion-body.dark [style*='background: rgb(53, 76, 75)'], .notion-body.dark [style*='background: rgb(53, 76, 75)'],
.notion-body:not(.dark) [style*='background: rgb(221, 237, 234)'] { .notion-body:not(.dark) [style*='background: rgb(221, 237, 234)'] {
background: var(--theme--line_green) !important; background: var(--theme--block_green) !important;
color: var(--theme--line_green-text) !important; color: var(--theme--block_green-text) !important;
} }
.notion-body.dark [style*='background: rgba(77, 171, 154, 0.5)'], .notion-body.dark [style*='background: rgba(77, 171, 154, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(0, 135, 107, 0.2)'] { .notion-body:not(.dark) [style*='background: rgba(0, 135, 107, 0.2)'] {
background: var(--theme--select_green) !important; background: var(--theme--tag_green) !important;
color: var(--theme--select_green-text) !important; color: var(--theme--tag_green-text) !important;
} }
.notion-body.dark [style*='background: rgba(53, 76, 75, 0.3)'], .notion-body.dark [style*='background: rgba(53, 76, 75, 0.3)'],
.notion-body:not(.dark) [style*='background: rgba(221, 237, 234, 0.3)'] { .notion-body:not(.dark) [style*='background: rgba(221, 237, 234, 0.3)'] {
@ -1469,8 +1694,19 @@ iframe[style*='background-color'],
} }
.notion-body.dark [style*='background:rgb(54,73,84)'], .notion-body.dark [style*='background:rgb(54,73,84)'],
.notion-body:not(.dark) [style*='background:rgb(221,235,241)'] { .notion-body:not(.dark) [style*='background:rgb(221,235,241)'] {
background: var(--theme--bg_blue) !important; background: var(--theme--highlight_blue) !important;
color: var(--theme--bg_blue-text) !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 .notion-body.dark
[style*='color:rgb(82,156,202)'] [style*='color:rgb(82,156,202)']
@ -1484,19 +1720,19 @@ iframe[style*='background-color'],
.notion-body:not(.dark) .notion-body:not(.dark)
[style*='color: rgb(11, 110, 153); fill: rgb(11, 110, 153);'] [style*='color: rgb(11, 110, 153); fill: rgb(11, 110, 153);']
[style*='background:rgb(221,235,241)'] { [style*='background:rgb(221,235,241)'] {
background: var(--theme--bg_blue) !important; background: var(--theme--highlight_blue) !important;
color: var(--theme--text_blue) !important; color: var(--theme--text_blue) !important;
fill: var(--theme--text_blue) !important; fill: var(--theme--text_blue) !important;
} }
.notion-body.dark [style*='background: rgb(54, 73, 84)'], .notion-body.dark [style*='background: rgb(54, 73, 84)'],
.notion-body:not(.dark) [style*='background: rgb(221, 235, 241)'] { .notion-body:not(.dark) [style*='background: rgb(221, 235, 241)'] {
background: var(--theme--line_blue) !important; background: var(--theme--block_blue) !important;
color: var(--theme--line_blue-text) !important; color: var(--theme--block_blue-text) !important;
} }
.notion-body.dark [style*='background: rgba(82, 156, 202, 0.5)'], .notion-body.dark [style*='background: rgba(82, 156, 202, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(0, 120, 223, 0.2)'] { .notion-body:not(.dark) [style*='background: rgba(0, 120, 223, 0.2)'] {
background: var(--theme--select_blue) !important; background: var(--theme--tag_blue) !important;
color: var(--theme--select_blue-text) !important; color: var(--theme--tag_blue-text) !important;
} }
.notion-body.dark [style*='background: rgba(54, 73, 84, 0.3)'], .notion-body.dark [style*='background: rgba(54, 73, 84, 0.3)'],
.notion-body:not(.dark) [style*='background: rgba(221, 235, 241, 0.3)'] { .notion-body:not(.dark) [style*='background: rgba(221, 235, 241, 0.3)'] {
@ -1515,8 +1751,19 @@ iframe[style*='background-color'],
} }
.notion-body.dark [style*='background:rgb(68,63,87)'], .notion-body.dark [style*='background:rgb(68,63,87)'],
.notion-body:not(.dark) [style*='background:rgb(234,228,242)'] { .notion-body:not(.dark) [style*='background:rgb(234,228,242)'] {
background: var(--theme--bg_purple) !important; background: var(--theme--highlight_purple) !important;
color: var(--theme--bg_purple-text) !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 .notion-body.dark
[style*='color:rgb(154,109,215)'] [style*='color:rgb(154,109,215)']
@ -1530,19 +1777,19 @@ iframe[style*='background-color'],
.notion-body:not(.dark) .notion-body:not(.dark)
[style*='color: rgb(105, 64, 165); fill: rgb(105, 64, 165);'] [style*='color: rgb(105, 64, 165); fill: rgb(105, 64, 165);']
[style*='background:rgb(234,228,242)'] { [style*='background:rgb(234,228,242)'] {
background: var(--theme--bg_purple) !important; background: var(--theme--highlight_purple) !important;
color: var(--theme--text_purple) !important; color: var(--theme--text_purple) !important;
fill: var(--theme--text_purple) !important; fill: var(--theme--text_purple) !important;
} }
.notion-body.dark [style*='background: rgb(68, 63, 87)'], .notion-body.dark [style*='background: rgb(68, 63, 87)'],
.notion-body:not(.dark) [style*='background: rgb(234, 228, 242)'] { .notion-body:not(.dark) [style*='background: rgb(234, 228, 242)'] {
background: var(--theme--line_purple) !important; background: var(--theme--block_purple) !important;
color: var(--theme--line_purple-text) !important; color: var(--theme--block_purple-text) !important;
} }
.notion-body.dark [style*='background: rgba(154, 109, 215, 0.5)'], .notion-body.dark [style*='background: rgba(154, 109, 215, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(103, 36, 222, 0.2)'] { .notion-body:not(.dark) [style*='background: rgba(103, 36, 222, 0.2)'] {
background: var(--theme--select_purple) !important; background: var(--theme--tag_purple) !important;
color: var(--theme--select_purple-text) !important; color: var(--theme--tag_purple-text) !important;
} }
.notion-body.dark [style*='background: rgba(68, 63, 87, 0.3)'], .notion-body.dark [style*='background: rgba(68, 63, 87, 0.3)'],
.notion-body:not(.dark) [style*='background: rgba(234, 228, 242, 0.3)'] { .notion-body:not(.dark) [style*='background: rgba(234, 228, 242, 0.3)'] {
@ -1560,8 +1807,19 @@ iframe[style*='background-color'],
} }
.notion-body.dark [style*='background:rgb(83,59,76)'], .notion-body.dark [style*='background:rgb(83,59,76)'],
.notion-body:not(.dark) [style*='background:rgb(244,223,235)'] { .notion-body:not(.dark) [style*='background:rgb(244,223,235)'] {
background: var(--theme--bg_pink) !important; background: var(--theme--highlight_pink) !important;
color: var(--theme--bg_pink-text) !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 .notion-body.dark
[style*='color:rgb(226,85,161)'] [style*='color:rgb(226,85,161)']
@ -1575,19 +1833,19 @@ iframe[style*='background-color'],
.notion-body:not(.dark) .notion-body:not(.dark)
[style*='color: rgb(173, 26, 114); fill: rgb(173, 26, 114);'] [style*='color: rgb(173, 26, 114); fill: rgb(173, 26, 114);']
[style*='background:rgb(244,223,235)'] { [style*='background:rgb(244,223,235)'] {
background: var(--theme--bg_pink) !important; background: var(--theme--highlight_pink) !important;
color: var(--theme--text_pink) !important; color: var(--theme--text_pink) !important;
fill: var(--theme--text_pink) !important; fill: var(--theme--text_pink) !important;
} }
.notion-body.dark [style*='background: rgb(83, 59, 76)'], .notion-body.dark [style*='background: rgb(83, 59, 76)'],
.notion-body:not(.dark) [style*='background: rgb(244, 223, 235)'] { .notion-body:not(.dark) [style*='background: rgb(244, 223, 235)'] {
background: var(--theme--line_pink) !important; background: var(--theme--block_pink) !important;
color: var(--theme--line_pink-text) !important; color: var(--theme--block_pink-text) !important;
} }
.notion-body.dark [style*='background: rgba(226, 85, 161, 0.5)'], .notion-body.dark [style*='background: rgba(226, 85, 161, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(221, 0, 129, 0.2)'] { .notion-body:not(.dark) [style*='background: rgba(221, 0, 129, 0.2)'] {
background: var(--theme--select_pink) !important; background: var(--theme--tag_pink) !important;
color: var(--theme--select_pink-text) !important; color: var(--theme--tag_pink-text) !important;
} }
.notion-body.dark [style*='background: rgba(83, 59, 76, 0.3)'], .notion-body.dark [style*='background: rgba(83, 59, 76, 0.3)'],
.notion-body:not(.dark) [style*='background: rgba(244, 223, 235, 0.3)'] { .notion-body:not(.dark) [style*='background: rgba(244, 223, 235, 0.3)'] {
@ -1606,8 +1864,19 @@ iframe[style*='background-color'],
} }
.notion-body.dark [style*='background:rgb(89,65,65)'], .notion-body.dark [style*='background:rgb(89,65,65)'],
.notion-body:not(.dark) [style*='background:rgb(251,228,228)'] { .notion-body:not(.dark) [style*='background:rgb(251,228,228)'] {
background: var(--theme--bg_red) !important; background: var(--theme--highlight_red) !important;
color: var(--theme--bg_red-text) !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 .notion-body.dark
[style*='color:rgb(255,115,105)'] [style*='color:rgb(255,115,105)']
@ -1621,19 +1890,19 @@ iframe[style*='background-color'],
.notion-body:not(.dark) .notion-body:not(.dark)
[style*='color: rgb(224, 62, 62); fill: rgb(224, 62, 62);'] [style*='color: rgb(224, 62, 62); fill: rgb(224, 62, 62);']
[style*='background:rgb(251,228,228)'] { [style*='background:rgb(251,228,228)'] {
background: var(--theme--bg_red) !important; background: var(--theme--highlight_red) !important;
color: var(--theme--text_red) !important; color: var(--theme--text_red) !important;
fill: var(--theme--text_red) !important; fill: var(--theme--text_red) !important;
} }
.notion-body.dark [style*='background: rgb(89, 65, 65)'], .notion-body.dark [style*='background: rgb(89, 65, 65)'],
.notion-body:not(.dark) [style*='background: rgb(251, 228, 228)'] { .notion-body:not(.dark) [style*='background: rgb(251, 228, 228)'] {
background: var(--theme--line_red) !important; background: var(--theme--block_red) !important;
color: var(--theme--line_red-text) !important; color: var(--theme--block_red-text) !important;
} }
.notion-body.dark [style*='background: rgba(255, 115, 105, 0.5);'], .notion-body.dark [style*='background: rgba(255, 115, 105, 0.5);'],
.notion-body:not(.dark) [style*='background: rgba(255, 0, 26, 0.2)'] { .notion-body:not(.dark) [style*='background: rgba(255, 0, 26, 0.2)'] {
background: var(--theme--select_red) !important; background: var(--theme--tag_red) !important;
color: var(--theme--select_red-text) !important; color: var(--theme--tag_red-text) !important;
} }
.notion-body.dark [style*='background: rgba(89, 65, 65, 0.3)'], .notion-body.dark [style*='background: rgba(89, 65, 65, 0.3)'],
.notion-body:not(.dark) [style*='background: rgba(251, 228, 228, 0.3)'] { .notion-body:not(.dark) [style*='background: rgba(251, 228, 228, 0.3)'] {

569
insert/theming/global.css
View File

@ -28,7 +28,8 @@
--theme_dark--preview_shadow: rgba(0, 0, 0, 0.4); --theme_dark--preview_shadow: rgba(0, 0, 0, 0.4);
--theme_dark--quickfind_shadow: rgba(15, 15, 15, 0.6); --theme_dark--quickfind_shadow: rgba(15, 15, 15, 0.6);
--theme_dark--popout: rgb(63, 68, 71); --theme_dark--popout: rgb(63, 68, 71);
--theme_dark--shadow: rgba(15, 15, 15, 0.2); --theme_dark--shadow: rgba(15, 15, 15, 0.1);
--theme_dark--introduction_overlay: rgba(15, 15, 15, 0.2);
--theme_dark--selected: rgba(46, 170, 220, 0.2); --theme_dark--selected: rgba(46, 170, 220, 0.2);
--theme_dark--accent: rgb(46, 170, 220); --theme_dark--accent: rgb(46, 170, 220);
@ -37,6 +38,8 @@
--theme_dark--accent_button-hover: rgb(6, 156, 205); --theme_dark--accent_button-hover: rgb(6, 156, 205);
--theme_dark--accent_button-active: rgb(0, 141, 190); --theme_dark--accent_button-active: rgb(0, 141, 190);
--theme_dark--accent_date-hover: rgba(45, 156, 219, 0.2); --theme_dark--accent_date-hover: rgba(45, 156, 219, 0.2);
--theme_dark--notion_ui_link-hover: #eb5757;
--theme_dark--notion_plan_choose_checkmark_hue-rotate: 0deg;
--theme_dark--db_card: rgb(63, 68, 71); --theme_dark--db_card: rgb(63, 68, 71);
--theme_dark--db_card-hover: rgb(71, 76, 80); --theme_dark--db_card-hover: rgb(71, 76, 80);
@ -71,13 +74,23 @@
--theme_dark--button-active: rgb(63, 68, 71); --theme_dark--button-active: rgb(63, 68, 71);
/* change cover | reposition, cell expansions: <-> open, 123, phone/email/url */ /* change cover | reposition, cell expansions: <-> open, 123, phone/email/url */
--theme_dark--expand: rgb(47, 52, 55); --theme_dark--expand: rgb(47, 52, 55);
--theme_dark--expand_icon: white; --theme_dark--expand_icon: #fff;
--theme_dark--expand-text: white; --theme_dark--expand-text: #fff;
--theme_dark--expand-hover: rgb(98, 102, 104); --theme_dark--expand-hover: rgb(98, 102, 104);
--theme_dark--expand-active: rgb(120, 123, 123); --theme_dark--expand-active: rgb(120, 123, 123);
--theme_dark--reminder: #eb5757; --theme_dark--reminder_future: #2eaadc;
--theme_dark--reminder_past: #eb5757;
--theme_dark--divider: rgba(255, 255, 255, 0.07); --theme_dark--divider: rgba(255, 255, 255, 0.07);
--theme_dark--embed_block: rgb(63, 68, 71);
--theme_dark--equation_block: rgb(55, 60, 63);
--theme_dark--equation_editor: rgba(15, 15, 15, 0.3);
--theme_dark--equation_inline: rgba(255, 255, 255, 0.2);
--theme_dark--equation_inline-text: var(--theme_dark--text);
--theme_dark--equation_error-text: rgba(235, 87, 87, 0.8);
--theme_dark--equation_error_block: rgba(235, 87, 87, 0.15);
--theme_dark--equation_error_inline-text: #eb5757;
--theme_dark--reposition_cover: rgba(0, 0, 0, 0.4); --theme_dark--reposition_cover: rgba(0, 0, 0, 0.4);
--theme_dark--reposition_cover-text: #fff; --theme_dark--reposition_cover-text: #fff;
--theme_dark--resizer: rgba(15, 15, 15, 0.6); --theme_dark--resizer: rgba(15, 15, 15, 0.6);
@ -180,67 +193,71 @@
--theme_dark--text_pink: rgb(226, 85, 161); --theme_dark--text_pink: rgb(226, 85, 161);
--theme_dark--text_red: rgb(255, 115, 105); --theme_dark--text_red: rgb(255, 115, 105);
--theme_dark--bg-text: var(--theme_dark--text); --theme_dark--highlight-text: var(--theme_dark--text);
--theme_dark--bg_grey: rgb(69, 75, 78); --theme_dark--highlight_grey: rgb(69, 75, 78);
--theme_dark--bg_grey-text: var(--theme_dark--bg-text); --theme_dark--highlight_grey-text: var(--theme_dark--highlight-text);
--theme_dark--bg_brown: rgb(67, 64, 64); --theme_dark--highlight_brown: rgb(67, 64, 64);
--theme_dark--bg_brown-text: var(--theme_dark--bg-text); --theme_dark--highlight_brown-text: var(--theme_dark--highlight-text);
--theme_dark--bg_orange: rgb(89, 74, 58); --theme_dark--highlight_orange: rgb(89, 74, 58);
--theme_dark--bg_orange-text: var(--theme_dark--bg-text); --theme_dark--highlight_orange-text: var(--theme_dark--highlight-text);
--theme_dark--bg_yellow: rgb(89, 86, 59); --theme_dark--highlight_yellow: rgb(89, 86, 59);
--theme_dark--bg_yellow-text: var(--theme_dark--bg-text); --theme_dark--highlight_yellow-text: var(--theme_dark--highlight-text);
--theme_dark--bg_green: rgb(53, 76, 75); --theme_dark--highlight_green: rgb(53, 76, 75);
--theme_dark--bg_green-text: var(--theme_dark--bg-text); --theme_dark--highlight_green-text: var(--theme_dark--highlight-text);
--theme_dark--bg_blue: rgb(54, 73, 84); --theme_dark--highlight_blue: rgb(54, 73, 84);
--theme_dark--bg_blue-text: var(--theme_dark--bg-text); --theme_dark--highlight_blue-text: var(--theme_dark--highlight-text);
--theme_dark--bg_purple: rgb(68, 63, 87); --theme_dark--highlight_purple: rgb(68, 63, 87);
--theme_dark--bg_purple-text: var(--theme_dark--bg-text); --theme_dark--highlight_purple-text: var(--theme_dark--highlight-text);
--theme_dark--bg_pink: rgb(83, 59, 76); --theme_dark--highlight_pink: rgb(83, 59, 76);
--theme_dark--bg_pink-text: var(--theme_dark--bg-text); --theme_dark--highlight_pink-text: var(--theme_dark--highlight-text);
--theme_dark--bg_red: rgb(89, 65, 65); --theme_dark--highlight_red: rgb(89, 65, 65);
--theme_dark--bg_red-text: var(--theme_dark--bg-text); --theme_dark--highlight_red-text: var(--theme_dark--highlight-text);
--theme_dark--line-text: var(--theme_dark--text); --theme_dark--block-text: var(--theme_dark--text);
--theme_dark--line_grey: rgb(69, 75, 78); --theme_dark--block_grey: rgb(69, 75, 78);
--theme_dark--line_grey-text: var(--theme_dark--line-text); --theme_dark--block_grey-text: var(--theme_dark--block-text);
--theme_dark--line_brown: rgb(67, 64, 64); --theme_dark--block_brown: rgb(67, 64, 64);
--theme_dark--line_brown-text: var(--theme_dark--line-text); --theme_dark--block_brown-text: var(--theme_dark--block-text);
--theme_dark--line_orange: rgb(89, 74, 58); --theme_dark--block_orange: rgb(89, 74, 58);
--theme_dark--line_orange-text: var(--theme_dark--line-text); --theme_dark--block_orange-text: var(--theme_dark--block-text);
--theme_dark--line_yellow: rgb(89, 86, 59); --theme_dark--block_yellow: rgb(89, 86, 59);
--theme_dark--line_yellow-text: var(--theme_dark--line-text); --theme_dark--block_yellow-text: var(--theme_dark--block-text);
--theme_dark--line_green: rgb(53, 76, 75); --theme_dark--block_green: rgb(53, 76, 75);
--theme_dark--line_green-text: var(--theme_dark--line-text); --theme_dark--block_green-text: var(--theme_dark--block-text);
--theme_dark--line_blue: rgb(54, 73, 84); --theme_dark--block_blue: rgb(54, 73, 84);
--theme_dark--line_blue-text: var(--theme_dark--line-text); --theme_dark--block_blue-text: var(--theme_dark--block-text);
--theme_dark--line_purple: rgb(68, 63, 87); --theme_dark--block_purple: rgb(68, 63, 87);
--theme_dark--line_purple-text: var(--theme_dark--line-text); --theme_dark--block_purple-text: var(--theme_dark--block-text);
--theme_dark--line_pink: rgb(83, 59, 76); --theme_dark--block_pink: rgb(83, 59, 76);
--theme_dark--line_pink-text: var(--theme_dark--line-text); --theme_dark--block_pink-text: var(--theme_dark--block-text);
--theme_dark--line_red: rgb(89, 65, 65); --theme_dark--block_red: rgb(89, 65, 65);
--theme_dark--line_red-text: var(--theme_dark--line-text); --theme_dark--block_red-text: var(--theme_dark--block-text);
--theme_dark--select-text: var(--theme_dark--text); --theme_dark--tag-text: var(--theme_dark--text);
--theme_dark--select_default: rgb(80, 85, 88); --theme_dark--tag_default: rgb(80, 85, 88);
--theme_dark--select_default-text: var(--theme_dark--select-text); --theme_dark--tag_default-text: var(--theme_dark--tag-text);
--theme_dark--select_grey: rgba(151, 154, 155, 0.5); --theme_dark--tag_plan: var(--theme_dark--tag_default);
--theme_dark--select_grey-text: var(--theme_dark--select-text); --theme_dark--tag_plan-text: rgba(255, 255, 255, 0.6);
--theme_dark--select_brown: rgba(147, 114, 100, 0.5); --theme_dark--tag_new: rgb(235, 87, 87);
--theme_dark--select_brown-text: var(--theme_dark--select-text); --theme_dark--tag_new-text: #fff;
--theme_dark--select_orange: rgba(255, 163, 68, 0.5); --theme_dark--tag_grey: rgba(151, 154, 155, 0.5);
--theme_dark--select_orange-text: var(--theme_dark--select-text); --theme_dark--tag_grey-text: var(--theme_dark--tag-text);
--theme_dark--select_yellow: rgba(255, 220, 73, 0.5); --theme_dark--tag_brown: rgba(147, 114, 100, 0.5);
--theme_dark--select_yellow-text: var(--theme_dark--select-text); --theme_dark--tag_brown-text: var(--theme_dark--tag-text);
--theme_dark--select_green: rgba(77, 171, 154, 0.5); --theme_dark--tag_orange: rgba(255, 163, 68, 0.5);
--theme_dark--select_green-text: var(--theme_dark--select-text); --theme_dark--tag_orange-text: var(--theme_dark--tag-text);
--theme_dark--select_blue: rgba(82, 156, 202, 0.5); --theme_dark--tag_yellow: rgba(255, 220, 73, 0.5);
--theme_dark--select_blue-text: var(--theme_dark--select-text); --theme_dark--tag_yellow-text: var(--theme_dark--tag-text);
--theme_dark--select_purple: rgba(154, 109, 215, 0.5); --theme_dark--tag_green: rgba(77, 171, 154, 0.5);
--theme_dark--select_purple-text: var(--theme_dark--select-text); --theme_dark--tag_green-text: var(--theme_dark--tag-text);
--theme_dark--select_pink: rgba(226, 85, 161, 0.5); --theme_dark--tag_blue: rgba(82, 156, 202, 0.5);
--theme_dark--select_pink-text: var(--theme_dark--select-text); --theme_dark--tag_blue-text: var(--theme_dark--tag-text);
--theme_dark--select_red: rgba(255, 115, 105, 0.5); --theme_dark--tag_purple: rgba(154, 109, 215, 0.5);
--theme_dark--select_red-text: var(--theme_dark--select-text); --theme_dark--tag_purple-text: var(--theme_dark--tag-text);
--theme_dark--tag_pink: rgba(226, 85, 161, 0.5);
--theme_dark--tag_pink-text: var(--theme_dark--tag-text);
--theme_dark--tag_red: rgba(255, 115, 105, 0.5);
--theme_dark--tag_red-text: var(--theme_dark--tag-text);
--theme_dark--callout-text: var(--theme_dark--text); --theme_dark--callout-text: var(--theme_dark--text);
--theme_dark--callout_grey: rgba(69, 75, 78, 0.3); --theme_dark--callout_grey: rgba(69, 75, 78, 0.3);
@ -280,6 +297,8 @@
--theme_light--preview_shadow: rgba(0, 0, 0, 0.4); --theme_light--preview_shadow: rgba(0, 0, 0, 0.4);
--theme_light--quickfind_shadow: rgba(15, 15, 15, 0.6); --theme_light--quickfind_shadow: rgba(15, 15, 15, 0.6);
--theme_light--popout: #fff; --theme_light--popout: #fff;
--theme_light--shadow: rgba(15, 15, 15, 0.1);
--theme_light--introduction_overlay: rgba(247, 246, 243, 0.8);
--theme_light--selected: rgba(46, 170, 220, 0.2); --theme_light--selected: rgba(46, 170, 220, 0.2);
--theme_light--accent: rgb(46, 170, 220); --theme_light--accent: rgb(46, 170, 220);
@ -288,6 +307,8 @@
--theme_light--accent_button-hover: rgb(6, 156, 205); --theme_light--accent_button-hover: rgb(6, 156, 205);
--theme_light--accent_button-active: rgb(0, 141, 190); --theme_light--accent_button-active: rgb(0, 141, 190);
--theme_light--accent_date-hover: rgba(45, 156, 219, 0.2); --theme_light--accent_date-hover: rgba(45, 156, 219, 0.2);
--theme_light--notion_ui_link-hover: #eb5757;
--theme_light--notion_plan_choose_checkmark_hue-rotate: 0deg;
--theme_light--db_card: #fff; --theme_light--db_card: #fff;
--theme_light--db_card-hover: rgba(55, 53, 47, 0.03); --theme_light--db_card-hover: rgba(55, 53, 47, 0.03);
@ -326,9 +347,19 @@
--theme_light--expand-text: rgba(55, 53, 47, 0.6); --theme_light--expand-text: rgba(55, 53, 47, 0.6);
--theme_light--expand-hover: rgb(239, 239, 238); --theme_light--expand-hover: rgb(239, 239, 238);
--theme_light--expand-active: rgb(223, 223, 222); --theme_light--expand-active: rgb(223, 223, 222);
--theme_light--reminder: #eb5757; --theme_light--reminder_future: #2eaadc;
--theme_light--reminder_past: #eb5757;
--theme_light--divider: rgba(55, 53, 47, 0.09); --theme_light--divider: rgba(55, 53, 47, 0.09);
--theme_light--embed_block: rgb(242, 241, 238);
--theme_light--equation_block: rgb(247, 246, 243);
--theme_light--equation_editor: rgba(242, 241, 238, 0.6);
--theme_light--equation_inline: rgba(46, 170, 220, 0.2);
--theme_light--equation_inline-text: var(--theme_light--text);
--theme_light--equation_error-text: rgba(235, 87, 87, 0.8);
--theme_light--equation_error_block: rgba(235, 87, 87, 0.15);
--theme_light--equation_error_inline-text: #eb5757;
--theme_light--reposition_cover: rgba(0, 0, 0, 0.4); --theme_light--reposition_cover: rgba(0, 0, 0, 0.4);
--theme_light--reposition_cover-text: #fff; --theme_light--reposition_cover-text: #fff;
--theme_light--resizer: rgba(15, 15, 15, 0.6); --theme_light--resizer: rgba(15, 15, 15, 0.6);
@ -431,67 +462,71 @@
--theme_light--text_pink: rgb(173, 26, 114); --theme_light--text_pink: rgb(173, 26, 114);
--theme_light--text_red: rgb(224, 62, 62); --theme_light--text_red: rgb(224, 62, 62);
--theme_light--bg-text: var(--theme_light--text); --theme_light--highlight-text: var(--theme_light--text);
--theme_light--bg_grey: rgb(235, 236, 237); --theme_light--highlight_grey: rgb(235, 236, 237);
--theme_light--bg_grey-text: var(--theme_light--bg-text); --theme_light--highlight_grey-text: var(--theme_light--highlight-text);
--theme_light--bg_brown: rgb(233, 229, 227); --theme_light--highlight_brown: rgb(233, 229, 227);
--theme_light--bg_brown-text: var(--theme_light--bg-text); --theme_light--highlight_brown-text: var(--theme_light--highlight-text);
--theme_light--bg_orange: rgb(250, 235, 221); --theme_light--highlight_orange: rgb(250, 235, 221);
--theme_light--bg_orange-text: var(--theme_light--bg-text); --theme_light--highlight_orange-text: var(--theme_light--highlight-text);
--theme_light--bg_yellow: rgb(251, 243, 219); --theme_light--highlight_yellow: rgb(251, 243, 219);
--theme_light--bg_yellow-text: var(--theme_light--bg-text); --theme_light--highlight_yellow-text: var(--theme_light--highlight-text);
--theme_light--bg_green: rgb(221, 237, 234); --theme_light--highlight_green: rgb(221, 237, 234);
--theme_light--bg_green-text: var(--theme_light--bg-text); --theme_light--highlight_green-text: var(--theme_light--highlight-text);
--theme_light--bg_blue: rgb(221, 235, 241); --theme_light--highlight_blue: rgb(221, 235, 241);
--theme_light--bg_blue-text: var(--theme_light--bg-text); --theme_light--highlight_blue-text: var(--theme_light--highlight-text);
--theme_light--bg_purple: rgb(234, 228, 242); --theme_light--highlight_purple: rgb(234, 228, 242);
--theme_light--bg_purple-text: var(--theme_light--bg-text); --theme_light--highlight_purple-text: var(--theme_light--highlight-text);
--theme_light--bg_pink: rgb(244, 223, 235); --theme_light--highlight_pink: rgb(244, 223, 235);
--theme_light--bg_pink-text: var(--theme_light--bg-text); --theme_light--highlight_pink-text: var(--theme_light--highlight-text);
--theme_light--bg_red: rgb(251, 228, 228); --theme_light--highlight_red: rgb(251, 228, 228);
--theme_light--bg_red-text: var(--theme_light--bg-text); --theme_light--highlight_red-text: var(--theme_light--highlight-text);
--theme_light--line-text: var(--theme_light--text); --theme_light--block-text: var(--theme_light--text);
--theme_light--line_grey: rgb(235, 236, 237); --theme_light--block_grey: rgb(235, 236, 237);
--theme_light--line_grey-text: var(--theme_light--line-text); --theme_light--block_grey-text: var(--theme_light--block-text);
--theme_light--line_brown: rgb(233, 229, 227); --theme_light--block_brown: rgb(233, 229, 227);
--theme_light--line_brown-text: var(--theme_light--line-text); --theme_light--block_brown-text: var(--theme_light--block-text);
--theme_light--line_orange: rgb(250, 235, 221); --theme_light--block_orange: rgb(250, 235, 221);
--theme_light--line_orange-text: var(--theme_light--line-text); --theme_light--block_orange-text: var(--theme_light--block-text);
--theme_light--line_yellow: rgb(251, 243, 219); --theme_light--block_yellow: rgb(251, 243, 219);
--theme_light--line_yellow-text: var(--theme_light--line-text); --theme_light--block_yellow-text: var(--theme_light--block-text);
--theme_light--line_green: rgb(221, 237, 234); --theme_light--block_green: rgb(221, 237, 234);
--theme_light--line_green-text: var(--theme_light--line-text); --theme_light--block_green-text: var(--theme_light--block-text);
--theme_light--line_blue: rgb(221, 235, 241); --theme_light--block_blue: rgb(221, 235, 241);
--theme_light--line_blue-text: var(--theme_light--line-text); --theme_light--block_blue-text: var(--theme_light--block-text);
--theme_light--line_purple: rgb(234, 228, 242); --theme_light--block_purple: rgb(234, 228, 242);
--theme_light--line_purple-text: var(--theme_light--line-text); --theme_light--block_purple-text: var(--theme_light--block-text);
--theme_light--line_pink: rgb(244, 223, 235); --theme_light--block_pink: rgb(244, 223, 235);
--theme_light--line_pink-text: var(--theme_light--line-text); --theme_light--block_pink-text: var(--theme_light--block-text);
--theme_light--line_red: rgb(251, 228, 228); --theme_light--block_red: rgb(251, 228, 228);
--theme_light--line_red-text: var(--theme_light--line-text); --theme_light--block_red-text: var(--theme_light--block-text);
--theme_light--select-text: var(--theme_light--text); --theme_light--tag-text: var(--theme_light--text);
--theme_light--select_default: rgba(206, 205, 202, 0.5); --theme_light--tag_default: rgba(206, 205, 202, 0.5);
--theme_light--select_default-text: var(--theme_light--select-text); --theme_light--tag_default-text: var(--theme_light--tag-text);
--theme_light--select_grey: rgba(140, 46, 0, 0.2); --theme_light--tag_plan: var(--theme_light--tag_default);
--theme_light--select_grey-text: var(--theme_light--select-text); --theme_light--tag_plan-text: rgba(55, 53, 47, 0.6);
--theme_light--select_brown: rgba(140, 46, 0, 0.2); --theme_light--tag_new: rgb(235, 87, 87);
--theme_light--select_brown-text: var(--theme_light--select-text); --theme_light--tag_new-text: #fff;
--theme_light--select_orange: rgba(245, 93, 0, 0.2); --theme_light--tag_grey: rgba(140, 46, 0, 0.2);
--theme_light--select_orange-text: var(--theme_light--select-text); --theme_light--tag_grey-text: var(--theme_light--tag-text);
--theme_light--select_yellow: rgba(233, 168, 0, 0.2); --theme_light--tag_brown: rgba(140, 46, 0, 0.2);
--theme_light--select_yellow-text: var(--theme_light--select-text); --theme_light--tag_brown-text: var(--theme_light--tag-text);
--theme_light--select_green: rgba(0, 135, 107, 0.2); --theme_light--tag_orange: rgba(245, 93, 0, 0.2);
--theme_light--select_green-text: var(--theme_light--select-text); --theme_light--tag_orange-text: var(--theme_light--tag-text);
--theme_light--select_blue: rgba(0, 120, 223, 0.2); --theme_light--tag_yellow: rgba(233, 168, 0, 0.2);
--theme_light--select_blue-text: var(--theme_light--select-text); --theme_light--tag_yellow-text: var(--theme_light--tag-text);
--theme_light--select_purple: rgba(103, 36, 222, 0.2); --theme_light--tag_green: rgba(0, 135, 107, 0.2);
--theme_light--select_purple-text: var(--theme_light--select-text); --theme_light--tag_green-text: var(--theme_light--tag-text);
--theme_light--select_pink: rgba(221, 0, 129, 0.2); --theme_light--tag_blue: rgba(0, 120, 223, 0.2);
--theme_light--select_pink-text: var(--theme_light--select-text); --theme_light--tag_blue-text: var(--theme_light--tag-text);
--theme_light--select_red: rgba(255, 0, 26, 0.2); --theme_light--tag_purple: rgba(103, 36, 222, 0.2);
--theme_light--select_red-text: var(--theme_light--select-text); --theme_light--tag_purple-text: var(--theme_light--tag-text);
--theme_light--tag_pink: rgba(221, 0, 129, 0.2);
--theme_light--tag_pink-text: var(--theme_light--tag-text);
--theme_light--tag_red: rgba(255, 0, 26, 0.2);
--theme_light--tag_red-text: var(--theme_light--tag-text);
--theme_light--callout-text: var(--theme_light--text); --theme_light--callout-text: var(--theme_light--text);
--theme_light--callout_grey: rgba(235, 236, 237, 0.3); --theme_light--callout_grey: rgba(235, 236, 237, 0.3);
@ -531,6 +566,8 @@
--theme--preview_shadow: var(--theme_dark--preview_shadow); --theme--preview_shadow: var(--theme_dark--preview_shadow);
--theme--quickfind_shadow: var(--theme_dark--quickfind_shadow); --theme--quickfind_shadow: var(--theme_dark--quickfind_shadow);
--theme--popout: var(--theme_dark--popout); --theme--popout: var(--theme_dark--popout);
--theme--shadow: var(--theme_dark--shadow);
--theme--introduction_overlay: var(--theme_dark--introduction_overlay);
--theme--selected: var(--theme_dark--selected); --theme--selected: var(--theme_dark--selected);
--theme--accent: var(--theme_dark--accent); --theme--accent: var(--theme_dark--accent);
@ -539,6 +576,10 @@
--theme--accent_button-hover: var(--theme_dark--accent_button-hover); --theme--accent_button-hover: var(--theme_dark--accent_button-hover);
--theme--accent_button-active: var(--theme_dark--accent_button-active); --theme--accent_button-active: var(--theme_dark--accent_button-active);
--theme--accent_date-hover: var(--theme_dark--accent_date-hover); --theme--accent_date-hover: var(--theme_dark--accent_date-hover);
--theme--notion_ui_link-hover: var(--theme_dark--notion_ui_link-hover);
--theme--notion_plan_choose_checkmark_hue-rotate: var(
--theme_dark--notion_plan_choose_checkmark_hue-rotate
);
--theme--db_card: var(--theme_dark--db_card); --theme--db_card: var(--theme_dark--db_card);
--theme--db_card-hover: var(--theme_dark--db_card-hover); --theme--db_card-hover: var(--theme_dark--db_card-hover);
@ -577,9 +618,21 @@
--theme--expand-text: var(--theme_dark--expand-text); --theme--expand-text: var(--theme_dark--expand-text);
--theme--expand-hover: var(--theme_dark--expand-hover); --theme--expand-hover: var(--theme_dark--expand-hover);
--theme--expand-active: var(--theme_dark--expand-active); --theme--expand-active: var(--theme_dark--expand-active);
--theme--reminder: var(--theme_dark--reminder); --theme--reminder_future: var(--theme_dark--reminder_future);
--theme--reminder_past: var(--theme_dark--reminder_past);
--theme--divider: var(--theme_dark--divider); --theme--divider: var(--theme_dark--divider);
--theme--embed_block: var(--theme_dark--embed_block);
--theme--equation_block: var(--theme_dark--equation_block);
--theme--equation_editor: var(--theme_dark--equation_editor);
--theme--equation_inline: var(--theme_dark--equation_inline);
--theme--equation_inline-text: var(--theme_dark--equation_inline-text);
--theme--equation_error-text: var(--theme_dark--equation_error-text);
--theme--equation_error_block: var(--theme_dark--equation_error_block);
--theme--equation_error_inline-text: var(
--theme_dark--equation_error_inline-text
);
--theme--reposition_cover: var(--theme_dark--reposition_cover); --theme--reposition_cover: var(--theme_dark--reposition_cover);
--theme--reposition_cover-text: var(--theme_dark--reposition_cover-text); --theme--reposition_cover-text: var(--theme_dark--reposition_cover-text);
--theme--resizer: var(--theme_dark--resizer); --theme--resizer: var(--theme_dark--resizer);
@ -626,8 +679,8 @@
--theme--font_callout_icon-size: var(--theme_dark--font_callout_icon-size); --theme--font_callout_icon-size: var(--theme_dark--font_callout_icon-size);
--theme--font_help_icon-size: var(--theme_dark--font_help_icon-size); --theme--font_help_icon-size: var(--theme_dark--font_help_icon-size);
--theme--text_block-line_height: var(--theme_light--text_block-line_height); --theme--text_block-line_height: var(--theme_dark--text_block-line_height);
--theme--text_block-margin_top: var(--theme_light--text_block-margin_top); --theme--text_block-margin_top: var(--theme_dark--text_block-margin_top);
--theme--icon: var(--theme_dark--icon); --theme--icon: var(--theme_dark--icon);
--theme--icon_topbar: var(--theme_dark--icon_topbar); --theme--icon_topbar: var(--theme_dark--icon_topbar);
@ -682,67 +735,71 @@
--theme--text_pink: var(--theme_dark--text_pink); --theme--text_pink: var(--theme_dark--text_pink);
--theme--text_red: var(--theme_dark--text_red); --theme--text_red: var(--theme_dark--text_red);
--theme--bg-text: var(--theme_dark--bg-text); --theme--highlight-text: var(--theme_dark--highlight-text);
--theme--bg_grey: var(--theme_dark--bg_grey); --theme--highlight_grey: var(--theme_dark--highlight_grey);
--theme--bg_grey-text: var(--theme_dark--bg_grey-text); --theme--highlight_grey-text: var(--theme_dark--highlight_grey-text);
--theme--bg_brown: var(--theme_dark--bg_brown); --theme--highlight_brown: var(--theme_dark--highlight_brown);
--theme--bg_brown-text: var(--theme_dark--bg_brown-text); --theme--highlight_brown-text: var(--theme_dark--highlight_brown-text);
--theme--bg_orange: var(--theme_dark--bg_orange); --theme--highlight_orange: var(--theme_dark--highlight_orange);
--theme--bg_orange-text: var(--theme_dark--bg_orange-text); --theme--highlight_orange-text: var(--theme_dark--highlight_orange-text);
--theme--bg_yellow: var(--theme_dark--bg_yellow); --theme--highlight_yellow: var(--theme_dark--highlight_yellow);
--theme--bg_yellow-text: var(--theme_dark--bg_yellow-text); --theme--highlight_yellow-text: var(--theme_dark--highlight_yellow-text);
--theme--bg_green: var(--theme_dark--bg_green); --theme--highlight_green: var(--theme_dark--highlight_green);
--theme--bg_green-text: var(--theme_dark--bg_green-text); --theme--highlight_green-text: var(--theme_dark--highlight_green-text);
--theme--bg_blue: var(--theme_dark--bg_blue); --theme--highlight_blue: var(--theme_dark--highlight_blue);
--theme--bg_blue-text: var(--theme_dark--bg_blue-text); --theme--highlight_blue-text: var(--theme_dark--highlight_blue-text);
--theme--bg_purple: var(--theme_dark--bg_purple); --theme--highlight_purple: var(--theme_dark--highlight_purple);
--theme--bg_purple-text: var(--theme_dark--bg_purple-text); --theme--highlight_purple-text: var(--theme_dark--highlight_purple-text);
--theme--bg_pink: var(--theme_dark--bg_pink); --theme--highlight_pink: var(--theme_dark--highlight_pink);
--theme--bg_pink-text: var(--theme_dark--bg_pink-text); --theme--highlight_pink-text: var(--theme_dark--highlight_pink-text);
--theme--bg_red: var(--theme_dark--bg_red); --theme--highlight_red: var(--theme_dark--highlight_red);
--theme--bg_red-text: var(--theme_dark--bg_red-text); --theme--highlight_red-text: var(--theme_dark--highlight_red-text);
--theme--line-text: var(--theme_dark--line-text); --theme--block-text: var(--theme_dark--block-text);
--theme--line_grey: var(--theme_dark--line_grey); --theme--block_grey: var(--theme_dark--block_grey);
--theme--line_grey-text: var(--theme_dark--line_grey-text); --theme--block_grey-text: var(--theme_dark--block_grey-text);
--theme--line_brown: var(--theme_dark--line_brown); --theme--block_brown: var(--theme_dark--block_brown);
--theme--line_brown-text: var(--theme_dark--line_brown-text); --theme--block_brown-text: var(--theme_dark--block_brown-text);
--theme--line_orange: var(--theme_dark--line_orange); --theme--block_orange: var(--theme_dark--block_orange);
--theme--line_orange-text: var(--theme_dark--line_orange-text); --theme--block_orange-text: var(--theme_dark--block_orange-text);
--theme--line_yellow: var(--theme_dark--line_yellow); --theme--block_yellow: var(--theme_dark--block_yellow);
--theme--line_yellow-text: var(--theme_dark--line_yellow-text); --theme--block_yellow-text: var(--theme_dark--block_yellow-text);
--theme--line_green: var(--theme_dark--line_green); --theme--block_green: var(--theme_dark--block_green);
--theme--line_green-text: var(--theme_dark--line_green-text); --theme--block_green-text: var(--theme_dark--block_green-text);
--theme--line_blue: var(--theme_dark--line_blue); --theme--block_blue: var(--theme_dark--block_blue);
--theme--line_blue-text: var(--theme_dark--line_blue-text); --theme--block_blue-text: var(--theme_dark--block_blue-text);
--theme--line_purple: var(--theme_dark--line_purple); --theme--block_purple: var(--theme_dark--block_purple);
--theme--line_purple-text: var(--theme_dark--line_purple-text); --theme--block_purple-text: var(--theme_dark--block_purple-text);
--theme--line_pink: var(--theme_dark--line_pink); --theme--block_pink: var(--theme_dark--block_pink);
--theme--line_pink-text: var(--theme_dark--line_pink-text); --theme--block_pink-text: var(--theme_dark--block_pink-text);
--theme--line_red: var(--theme_dark--line_red); --theme--block_red: var(--theme_dark--block_red);
--theme--line_red-text: var(--theme_dark--line_red-text); --theme--block_red-text: var(--theme_dark--block_red-text);
--theme--select-text: var(--theme_dark--select-text); --theme--tag-text: var(--theme_dark--tag-text);
--theme--select_default: var(--theme_dark--select_default); --theme--tag_default: var(--theme_dark--tag_default);
--theme--select_default-text: var(--theme_dark--select_default-text); --theme--tag_default-text: var(--theme_dark--tag_default-text);
--theme--select_grey: var(--theme_dark--select_grey); --theme--tag_plan: var(--theme_dark--tag_plan);
--theme--select_grey-text: var(--theme_dark--select_grey-text); --theme--tag_plan-text: var(--theme_dark--tag_plan-text);
--theme--select_brown: var(--theme_dark--select_brown); --theme--tag_new: var(--theme_dark--tag_new);
--theme--select_brown-text: var(--theme_dark--select_brown-text); --theme--tag_new-text: var(--theme_dark--tag_new-text);
--theme--select_orange: var(--theme_dark--select_orange); --theme--tag_grey: var(--theme_dark--tag_grey);
--theme--select_orange-text: var(--theme_dark--select_orange-text); --theme--tag_grey-text: var(--theme_dark--tag_grey-text);
--theme--select_yellow: var(--theme_dark--select_yellow); --theme--tag_brown: var(--theme_dark--tag_brown);
--theme--select_yellow-text: var(--theme_dark--select_yellow-text); --theme--tag_brown-text: var(--theme_dark--tag_brown-text);
--theme--select_green: var(--theme_dark--select_green); --theme--tag_orange: var(--theme_dark--tag_orange);
--theme--select_green-text: var(--theme_dark--select_green-text); --theme--tag_orange-text: var(--theme_dark--tag_orange-text);
--theme--select_blue: var(--theme_dark--select_blue); --theme--tag_yellow: var(--theme_dark--tag_yellow);
--theme--select_blue-text: var(--theme_dark--select_blue-text); --theme--tag_yellow-text: var(--theme_dark--tag_yellow-text);
--theme--select_purple: var(--theme_dark--select_purple); --theme--tag_green: var(--theme_dark--tag_green);
--theme--select_purple-text: var(--theme_dark--select_purple-text); --theme--tag_green-text: var(--theme_dark--tag_green-text);
--theme--select_pink: var(--theme_dark--select_pink); --theme--tag_blue: var(--theme_dark--tag_blue);
--theme--select_pink-text: var(--theme_dark--select_pink-text); --theme--tag_blue-text: var(--theme_dark--tag_blue-text);
--theme--select_red: var(--theme_dark--select_red); --theme--tag_purple: var(--theme_dark--tag_purple);
--theme--select_red-text: var(--theme_dark--select_red-text); --theme--tag_purple-text: var(--theme_dark--tag_purple-text);
--theme--tag_pink: var(--theme_dark--tag_pink);
--theme--tag_pink-text: var(--theme_dark--tag_pink-text);
--theme--tag_red: var(--theme_dark--tag_red);
--theme--tag_red-text: var(--theme_dark--tag_red-text);
--theme--callout-text: var(--theme_dark--callout-text); --theme--callout-text: var(--theme_dark--callout-text);
--theme--callout_grey: var(--theme_dark--callout_grey); --theme--callout_grey: var(--theme_dark--callout_grey);
@ -782,6 +839,8 @@
--theme--preview_shadow: var(--theme_light--preview_shadow); --theme--preview_shadow: var(--theme_light--preview_shadow);
--theme--quickfind_shadow: var(--theme_light--quickfind_shadow); --theme--quickfind_shadow: var(--theme_light--quickfind_shadow);
--theme--popout: var(--theme_light--popout); --theme--popout: var(--theme_light--popout);
--theme--shadow: var(--theme_light--shadow);
--theme--introduction_overlay: var(--theme_light--introduction_overlay);
--theme--selected: var(--theme_light--selected); --theme--selected: var(--theme_light--selected);
--theme--accent: var(--theme_light--accent); --theme--accent: var(--theme_light--accent);
@ -790,6 +849,10 @@
--theme--accent_button-hover: var(--theme_light--accent_button-hover); --theme--accent_button-hover: var(--theme_light--accent_button-hover);
--theme--accent_button-active: var(--theme_light--accent_button-active); --theme--accent_button-active: var(--theme_light--accent_button-active);
--theme--accent_date-hover: var(--theme_light--accent_date-hover); --theme--accent_date-hover: var(--theme_light--accent_date-hover);
--theme--notion_ui_link-hover: var(--theme_light--notion_ui_link-hover);
--theme--notion_plan_choose_checkmark_hue-rotate: var(
--theme_light--notion_plan_choose_checkmark_hue-rotate
);
--theme--db_card: var(--theme_light--db_card); --theme--db_card: var(--theme_light--db_card);
--theme--db_card-hover: var(--theme_light--db_card-hover); --theme--db_card-hover: var(--theme_light--db_card-hover);
@ -828,9 +891,21 @@
--theme--expand-text: var(--theme_light--expand-text); --theme--expand-text: var(--theme_light--expand-text);
--theme--expand-hover: var(--theme_light--expand-hover); --theme--expand-hover: var(--theme_light--expand-hover);
--theme--expand-active: var(--theme_light--expand-active); --theme--expand-active: var(--theme_light--expand-active);
--theme--reminder: var(--theme_light--reminder); --theme--reminder_future: var(--theme_light--reminder_future);
--theme--reminder_past: var(--theme_light--reminder_past);
--theme--divider: var(--theme_light--divider); --theme--divider: var(--theme_light--divider);
--theme--embed_block: var(--theme_light--embed_block);
--theme--equation_block: var(--theme_light--equation_block);
--theme--equation_editor: var(--theme_light--equation_editor);
--theme--equation_inline: var(--theme_light--equation_inline);
--theme--equation_inline-text: var(--theme_light--equation_inline-text);
--theme--equation_error-text: var(--theme_light--equation_error-text);
--theme--equation_error_block: var(--theme_light--equation_error_block);
--theme--equation_error_inline-text: var(
--theme_light--equation_error_inline-text
);
--theme--reposition_cover: var(--theme_light--reposition_cover); --theme--reposition_cover: var(--theme_light--reposition_cover);
--theme--reposition_cover-text: var(--theme_light--reposition_cover-text); --theme--reposition_cover-text: var(--theme_light--reposition_cover-text);
--theme--resizer: var(--theme_light--resizer); --theme--resizer: var(--theme_light--resizer);
@ -933,67 +1008,71 @@
--theme--text_pink: var(--theme_light--text_pink); --theme--text_pink: var(--theme_light--text_pink);
--theme--text_red: var(--theme_light--text_red); --theme--text_red: var(--theme_light--text_red);
--theme--bg-text: var(--theme_light--bg-text); --theme--highlight-text: var(--theme_light--highlight-text);
--theme--bg_grey: var(--theme_light--bg_grey); --theme--highlight_grey: var(--theme_light--highlight_grey);
--theme--bg_grey-text: var(--theme_light--bg_grey-text); --theme--highlight_grey-text: var(--theme_light--highlight_grey-text);
--theme--bg_brown: var(--theme_light--bg_brown); --theme--highlight_brown: var(--theme_light--highlight_brown);
--theme--bg_brown-text: var(--theme_light--bg_brown-text); --theme--highlight_brown-text: var(--theme_light--highlight_brown-text);
--theme--bg_orange: var(--theme_light--bg_orange); --theme--highlight_orange: var(--theme_light--highlight_orange);
--theme--bg_orange-text: var(--theme_light--bg_orange-text); --theme--highlight_orange-text: var(--theme_light--highlight_orange-text);
--theme--bg_yellow: var(--theme_light--bg_yellow); --theme--highlight_yellow: var(--theme_light--highlight_yellow);
--theme--bg_yellow-text: var(--theme_light--bg_yellow-text); --theme--highlight_yellow-text: var(--theme_light--highlight_yellow-text);
--theme--bg_green: var(--theme_light--bg_green); --theme--highlight_green: var(--theme_light--highlight_green);
--theme--bg_green-text: var(--theme_light--bg_green-text); --theme--highlight_green-text: var(--theme_light--highlight_green-text);
--theme--bg_blue: var(--theme_light--bg_blue); --theme--highlight_blue: var(--theme_light--highlight_blue);
--theme--bg_blue-text: var(--theme_light--bg_blue-text); --theme--highlight_blue-text: var(--theme_light--highlight_blue-text);
--theme--bg_purple: var(--theme_light--bg_purple); --theme--highlight_purple: var(--theme_light--highlight_purple);
--theme--bg_purple-text: var(--theme_light--bg_purple-text); --theme--highlight_purple-text: var(--theme_light--highlight_purple-text);
--theme--bg_pink: var(--theme_light--bg_pink); --theme--highlight_pink: var(--theme_light--highlight_pink);
--theme--bg_pink-text: var(--theme_light--bg_pink-text); --theme--highlight_pink-text: var(--theme_light--highlight_pink-text);
--theme--bg_red: var(--theme_light--bg_red); --theme--highlight_red: var(--theme_light--highlight_red);
--theme--bg_red-text: var(--theme_light--bg_red-text); --theme--highlight_red-text: var(--theme_light--highlight_red-text);
--theme--line-text: var(--theme_light--line-text); --theme--block-text: var(--theme_light--block-text);
--theme--line_grey: var(--theme_light--line_grey); --theme--block_grey: var(--theme_light--block_grey);
--theme--line_grey-text: var(--theme_light--line_grey-text); --theme--block_grey-text: var(--theme_light--block_grey-text);
--theme--line_brown: var(--theme_light--line_brown); --theme--block_brown: var(--theme_light--block_brown);
--theme--line_brown-text: var(--theme_light--line_brown-text); --theme--block_brown-text: var(--theme_light--block_brown-text);
--theme--line_orange: var(--theme_light--line_orange); --theme--block_orange: var(--theme_light--block_orange);
--theme--line_orange-text: var(--theme_light--line_orange-text); --theme--block_orange-text: var(--theme_light--block_orange-text);
--theme--line_yellow: var(--theme_light--line_yellow); --theme--block_yellow: var(--theme_light--block_yellow);
--theme--line_yellow-text: var(--theme_light--line_yellow-text); --theme--block_yellow-text: var(--theme_light--block_yellow-text);
--theme--line_green: var(--theme_light--line_green); --theme--block_green: var(--theme_light--block_green);
--theme--line_green-text: var(--theme_light--line_green-text); --theme--block_green-text: var(--theme_light--block_green-text);
--theme--line_blue: var(--theme_light--line_blue); --theme--block_blue: var(--theme_light--block_blue);
--theme--line_blue-text: var(--theme_light--line_blue-text); --theme--block_blue-text: var(--theme_light--block_blue-text);
--theme--line_purple: var(--theme_light--line_purple); --theme--block_purple: var(--theme_light--block_purple);
--theme--line_purple-text: var(--theme_light--line_purple-text); --theme--block_purple-text: var(--theme_light--block_purple-text);
--theme--line_pink: var(--theme_light--line_pink); --theme--block_pink: var(--theme_light--block_pink);
--theme--line_pink-text: var(--theme_light--line_pink-text); --theme--block_pink-text: var(--theme_light--block_pink-text);
--theme--line_red: var(--theme_light--line_red); --theme--block_red: var(--theme_light--block_red);
--theme--line_red-text: var(--theme_light--line_red-text); --theme--block_red-text: var(--theme_light--block_red-text);
--theme--select-text: var(--theme_light--select-text); --theme--tag-text: var(--theme_light--tag-text);
--theme--select_default: var(--theme_light--select_default); --theme--tag_default: var(--theme_light--tag_default);
--theme--select_default-text: var(--theme_light--select_default-text); --theme--tag_default-text: var(--theme_light--tag_default-text);
--theme--select_grey: var(--theme_light--select_grey); --theme--tag_plan: var(--theme_light--tag_plan);
--theme--select_grey-text: var(--theme_light--select_grey-text); --theme--tag_plan-text: var(--theme_light--tag_plan-text);
--theme--select_brown: var(--theme_light--select_brown); --theme--tag_new: var(--theme_light--tag_new);
--theme--select_brown-text: var(--theme_light--select_brown-text); --theme--tag_new-text: var(--theme_light--tag_new-text);
--theme--select_orange: var(--theme_light--select_orange); --theme--tag_grey: var(--theme_light--tag_grey);
--theme--select_orange-text: var(--theme_light--select_orange-text); --theme--tag_grey-text: var(--theme_light--tag_grey-text);
--theme--select_yellow: var(--theme_light--select_yellow); --theme--tag_brown: var(--theme_light--tag_brown);
--theme--select_yellow-text: var(--theme_light--select_yellow-text); --theme--tag_brown-text: var(--theme_light--tag_brown-text);
--theme--select_green: var(--theme_light--select_green); --theme--tag_orange: var(--theme_light--tag_orange);
--theme--select_green-text: var(--theme_light--select_green-text); --theme--tag_orange-text: var(--theme_light--tag_orange-text);
--theme--select_blue: var(--theme_light--select_blue); --theme--tag_yellow: var(--theme_light--tag_yellow);
--theme--select_blue-text: var(--theme_light--select_blue-text); --theme--tag_yellow-text: var(--theme_light--tag_yellow-text);
--theme--select_purple: var(--theme_light--select_purple); --theme--tag_green: var(--theme_light--tag_green);
--theme--select_purple-text: var(--theme_light--select_purple-text); --theme--tag_green-text: var(--theme_light--tag_green-text);
--theme--select_pink: var(--theme_light--select_pink); --theme--tag_blue: var(--theme_light--tag_blue);
--theme--select_pink-text: var(--theme_light--select_pink-text); --theme--tag_blue-text: var(--theme_light--tag_blue-text);
--theme--select_red: var(--theme_light--select_red); --theme--tag_purple: var(--theme_light--tag_purple);
--theme--select_red-text: var(--theme_light--select_red-text); --theme--tag_purple-text: var(--theme_light--tag_purple-text);
--theme--tag_pink: var(--theme_light--tag_pink);
--theme--tag_pink-text: var(--theme_light--tag_pink-text);
--theme--tag_red: var(--theme_light--tag_red);
--theme--tag_red-text: var(--theme_light--tag_red-text);
--theme--callout-text: var(--theme_light--callout-text); --theme--callout-text: var(--theme_light--callout-text);
--theme--callout_grey: var(--theme_light--callout_grey); --theme--callout_grey: var(--theme_light--callout_grey);

6
yarn.lock
View File

@ -16,9 +16,9 @@
integrity sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA== integrity sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA==
"@types/node@*": "@types/node@*":
version "14.14.10" version "14.14.14"
resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.10.tgz#5958a82e41863cfc71f2307b3748e3491ba03785" resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.14.tgz#f7fd5f3cc8521301119f63910f0fb965c7d761ae"
integrity sha512-J32dgx2hw8vXrSbu4ZlVhn1Nm3GbeCFNw2FWL8S5QKucHGY0cyNwjdQdO+KMBZ4wpmC7KhLCiNsdk1RFRIYUQQ== integrity sha512-UHnOPWVWV1z+VV8k6L1HhG7UbGBgIdghqF3l9Ny9ApPghbjICXkUJSd/b9gOgQfjM1r+37cipdw/HJ3F6ICEnQ==
ansi-styles@^4.1.0: ansi-styles@^4.1.0:
version "4.3.0" version "4.3.0"