From a362f804d97dda4303e16fabd1f0066fdf14dcb3 Mon Sep 17 00:00:00 2001 From: dragonwocky Date: Fri, 18 Dec 2020 22:44:38 +1100 Subject: [PATCH] new theming: missing styles + bugfixes --- insert/core/mod.js | 105 +++++++ insert/helpers.js | 2 + insert/theming/app.css | 425 ++++++++++++++++++++++------ insert/theming/global.css | 569 ++++++++++++++++++++++---------------- yarn.lock | 6 +- 5 files changed, 781 insertions(+), 326 deletions(-) create mode 100644 insert/core/mod.js diff --git a/insert/core/mod.js b/insert/core/mod.js new file mode 100644 index 0000000..85e242d --- /dev/null +++ b/insert/core/mod.js @@ -0,0 +1,105 @@ +/* + * notion-enhancer + * (c) 2020 dragonwocky (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'); + // } + // }); + }); + }, + }, +}; diff --git a/insert/helpers.js b/insert/helpers.js index c918c5a..dd71f87 100644 --- a/insert/helpers.js +++ b/insert/helpers.js @@ -19,6 +19,7 @@ enhancements.validate = (mod, others = []) => { typeof mod.id === 'string', !others.find((m) => m.id === mod.id), typeof mod.name === 'string', + mod.desc ? typeof mod.desc === 'string' : true, typeof mod.version === 'string', Array.isArray(mod.authors), mod.authors.every( @@ -98,6 +99,7 @@ enhancements.get = (id) => { return all.find((m) => m.id === id); }; enhancements.styles = (id) => { + if (!helperCache.styles) helperCache.styles = {}; if (helperCache.styles[id]) return helperCache.styles[id]; const mod = enhancements.get(id); helperCache.styles[id] = {}; diff --git a/insert/theming/app.css b/insert/theming/app.css index 0f43a3e..25b3617 100644 --- a/insert/theming/app.css +++ b/insert/theming/app.css @@ -175,6 +175,9 @@ iframe[style*='background-color'], } .notion-sidebar-container, +.notion-workspace-plan-choose, +.notion-workspace-create, +.notion-workspace-invite, .notion-body.dark .notion-overlay-container.notion-default-overlay-container > :nth-child(2) @@ -212,7 +215,12 @@ iframe[style*='background-color'], > div > :nth-child(2) > 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; } .notion-cursor-listener @@ -377,10 +385,11 @@ iframe[style*='background-color'], > div, #notion-app > div - > div.notion-overlay-container.notion-default-overlay-container + > .notion-overlay-container.notion-default-overlay-container > :nth-child(4) > div - > :nth-child(2)[style*='background'] { + > :nth-child(2)[style*='background'], +.notion-onboarding-popup { background: var(--theme--popout) !important; } @@ -392,8 +401,31 @@ iframe[style*='background-color'], 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 */ +.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, .notion-selectable-halo, .notion-overlay-container.notion-default-overlay-container @@ -448,6 +480,13 @@ iframe[style*='background-color'], 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 */ .notion-timeline-view .notion-timeline-item, @@ -588,7 +627,13 @@ iframe[style*='background-color'], > div > :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; } .notion-body.dark @@ -612,12 +657,24 @@ iframe[style*='background-color'], 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]'] - [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; } [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;'] { background: var(--theme--sub_filter) !important; + box-shadow: var(--theme--divider) 0px 0px 0px 1px !important; } .notion-overlay-container.notion-default-overlay-container > :nth-child(2) @@ -719,7 +776,8 @@ iframe[style*='background-color'], .notion-body.dark [role='button'][style*='background: rgb(47, 52, 55)'], .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]']) - > [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-frame > .notion-scroller.vertical.horizontal @@ -751,7 +809,7 @@ iframe[style*='background-color'], .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]']) > [role='button'][style*='background: white']:not(.notion-help-button) - [style*='fill']:not(.plus), + [style*='fill']:not(.plus):not(.appleLogo), .notion-cursor-listener > .notion-frame > .notion-scroller.vertical.horizontal @@ -818,6 +876,14 @@ iframe[style*='background-color'], [style*='width: 4px; height: 100%; background: rgba(55, 53, 47, 0.16);'] { 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_page-block > :first-child { 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; } +.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-peek-renderer [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; } -.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; border: 1px solid var(--theme--settings_danger_button-border) !important; } .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; } @@ -1032,13 +1173,13 @@ iframe[style*='background-color'], [style*='font-size: 40px'] { 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; } -[style*='font-size: 1.5em'] { +[placeholder='Heading 2'] { 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; } [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: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);'] { 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:not(.dark) [style*='border-bottom: 2px solid rgb(55, 53, 47);'] { 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:not(.dark) [style*='background: rgba(206, 205, 202, 0.5)']:not([role='button']) { - background: var(--theme--select_default) !important; - color: var(--theme--select_default-text) !important; + background: var(--theme--tag_default) !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)'], @@ -1243,8 +1401,19 @@ iframe[style*='background-color'], } .notion-body.dark [style*='background:rgb(69,75,78)'], .notion-body:not(.dark) [style*='background:rgb(235,236,237)'] { - background: var(--theme--bg_grey) !important; - color: var(--theme--bg_grey-text) !important; + 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)'] @@ -1258,19 +1427,19 @@ iframe[style*='background-color'], .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--bg_grey) !important; + 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--line_grey) !important; - color: var(--theme--line_grey-text) !important; + 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:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] { - background: var(--theme--select_grey) !important; - color: var(--theme--select_grey-text) !important; + 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)'] { @@ -1289,8 +1458,19 @@ iframe[style*='background-color'], } .notion-body.dark [style*='background:rgb(67,64,64)'], .notion-body:not(.dark) [style*='background:rgb(233,229,227)'] { - background: var(--theme--bg_brown) !important; - color: var(--theme--bg_brown-text) !important; + 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)'] @@ -1304,19 +1484,19 @@ iframe[style*='background-color'], .notion-body:not(.dark) [style*='color: rgb(100, 71, 58); fill: rgb(100, 71, 58);'] [style*='background:rgb(233,229,227)'] { - background: var(--theme--bg_brown) !important; + 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--line_brown) !important; - color: var(--theme--line_brown-text) !important; + 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:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] { - background: var(--theme--select_brown) !important; - color: var(--theme--select_brown-text) !important; + 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)'] { @@ -1334,8 +1514,19 @@ iframe[style*='background-color'], } .notion-body.dark [style*='background:rgb(89,74,58)'], .notion-body:not(.dark) [style*='background:rgb(250,235,221)'] { - background: var(--theme--bg_orange) !important; - color: var(--theme--bg_orange-text) !important; + 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)'] @@ -1349,19 +1540,19 @@ iframe[style*='background-color'], .notion-body:not(.dark) [style*='color: rgb(217, 115, 13); fill: rgb(217, 115, 13);'] [style*='background:rgb(250,235,221)'] { - background: var(--theme--bg_orange) !important; + 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--line_orange) !important; - color: var(--theme--line_orange-text) !important; + 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:not(.dark) [style*='background: rgba(245, 93, 0, 0.2)'] { - background: var(--theme--select_orange) !important; - color: var(--theme--select_orange-text) !important; + 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)'] { @@ -1379,8 +1570,19 @@ iframe[style*='background-color'], } .notion-body.dark [style*='background:rgb(89,86,59)'], .notion-body:not(.dark) [style*='background:rgb(251,243,219)'] { - background: var(--theme--bg_yellow) !important; - color: var(--theme--bg_yellow-text) !important; + 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)'] @@ -1394,19 +1596,19 @@ iframe[style*='background-color'], .notion-body:not(.dark) [style*='color: rgb(223, 171, 1); fill: rgb(223, 171, 1);'] [style*='background:rgb(251,243,219)'] { - background: var(--theme--bg_yellow) !important; + 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--line_yellow) !important; - color: var(--theme--line_yellow-text) !important; + 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:not(.dark) [style*='background: rgba(233, 168, 0, 0.2)'] { - background: var(--theme--select_yellow) !important; - color: var(--theme--select_yellow-text) !important; + 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)'] { @@ -1424,8 +1626,31 @@ iframe[style*='background-color'], } .notion-body.dark [style*='background:rgb(53,76,75)'], .notion-body:not(.dark) [style*='background:rgb(221,237,234)'] { - background: var(--theme--bg_green) !important; - color: var(--theme--bg_green-text) !important; + 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)'] @@ -1439,19 +1664,19 @@ iframe[style*='background-color'], .notion-body:not(.dark) [style*='color: rgb(15, 123, 108); fill: rgb(15, 123, 108);'] [style*='background:rgb(221,237,234)'] { - background: var(--theme--bg_green) !important; + 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--line_green) !important; - color: var(--theme--line_green-text) !important; + 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:not(.dark) [style*='background: rgba(0, 135, 107, 0.2)'] { - background: var(--theme--select_green) !important; - color: var(--theme--select_green-text) !important; + 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)'] { @@ -1469,8 +1694,19 @@ iframe[style*='background-color'], } .notion-body.dark [style*='background:rgb(54,73,84)'], .notion-body:not(.dark) [style*='background:rgb(221,235,241)'] { - background: var(--theme--bg_blue) !important; - color: var(--theme--bg_blue-text) !important; + 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)'] @@ -1484,19 +1720,19 @@ iframe[style*='background-color'], .notion-body:not(.dark) [style*='color: rgb(11, 110, 153); fill: rgb(11, 110, 153);'] [style*='background:rgb(221,235,241)'] { - background: var(--theme--bg_blue) !important; + 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--line_blue) !important; - color: var(--theme--line_blue-text) !important; + 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:not(.dark) [style*='background: rgba(0, 120, 223, 0.2)'] { - background: var(--theme--select_blue) !important; - color: var(--theme--select_blue-text) !important; + 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)'] { @@ -1515,8 +1751,19 @@ iframe[style*='background-color'], } .notion-body.dark [style*='background:rgb(68,63,87)'], .notion-body:not(.dark) [style*='background:rgb(234,228,242)'] { - background: var(--theme--bg_purple) !important; - color: var(--theme--bg_purple-text) !important; + 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)'] @@ -1530,19 +1777,19 @@ iframe[style*='background-color'], .notion-body:not(.dark) [style*='color: rgb(105, 64, 165); fill: rgb(105, 64, 165);'] [style*='background:rgb(234,228,242)'] { - background: var(--theme--bg_purple) !important; + 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--line_purple) !important; - color: var(--theme--line_purple-text) !important; + 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:not(.dark) [style*='background: rgba(103, 36, 222, 0.2)'] { - background: var(--theme--select_purple) !important; - color: var(--theme--select_purple-text) !important; + 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)'] { @@ -1560,8 +1807,19 @@ iframe[style*='background-color'], } .notion-body.dark [style*='background:rgb(83,59,76)'], .notion-body:not(.dark) [style*='background:rgb(244,223,235)'] { - background: var(--theme--bg_pink) !important; - color: var(--theme--bg_pink-text) !important; + 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)'] @@ -1575,19 +1833,19 @@ iframe[style*='background-color'], .notion-body:not(.dark) [style*='color: rgb(173, 26, 114); fill: rgb(173, 26, 114);'] [style*='background:rgb(244,223,235)'] { - background: var(--theme--bg_pink) !important; + 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--line_pink) !important; - color: var(--theme--line_pink-text) !important; + 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:not(.dark) [style*='background: rgba(221, 0, 129, 0.2)'] { - background: var(--theme--select_pink) !important; - color: var(--theme--select_pink-text) !important; + 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)'] { @@ -1606,8 +1864,19 @@ iframe[style*='background-color'], } .notion-body.dark [style*='background:rgb(89,65,65)'], .notion-body:not(.dark) [style*='background:rgb(251,228,228)'] { - background: var(--theme--bg_red) !important; - color: var(--theme--bg_red-text) !important; + 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)'] @@ -1621,19 +1890,19 @@ iframe[style*='background-color'], .notion-body:not(.dark) [style*='color: rgb(224, 62, 62); fill: rgb(224, 62, 62);'] [style*='background:rgb(251,228,228)'] { - background: var(--theme--bg_red) !important; + 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--line_red) !important; - color: var(--theme--line_red-text) !important; + 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:not(.dark) [style*='background: rgba(255, 0, 26, 0.2)'] { - background: var(--theme--select_red) !important; - color: var(--theme--select_red-text) !important; + 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)'] { diff --git a/insert/theming/global.css b/insert/theming/global.css index fe2c01d..6eec19f 100644 --- a/insert/theming/global.css +++ b/insert/theming/global.css @@ -28,7 +28,8 @@ --theme_dark--preview_shadow: rgba(0, 0, 0, 0.4); --theme_dark--quickfind_shadow: rgba(15, 15, 15, 0.6); --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--accent: rgb(46, 170, 220); @@ -37,6 +38,8 @@ --theme_dark--accent_button-hover: rgb(6, 156, 205); --theme_dark--accent_button-active: rgb(0, 141, 190); --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-hover: rgb(71, 76, 80); @@ -71,13 +74,23 @@ --theme_dark--button-active: rgb(63, 68, 71); /* change cover | reposition, cell expansions: <-> open, 123, phone/email/url */ --theme_dark--expand: rgb(47, 52, 55); - --theme_dark--expand_icon: white; - --theme_dark--expand-text: white; + --theme_dark--expand_icon: #fff; + --theme_dark--expand-text: #fff; --theme_dark--expand-hover: rgb(98, 102, 104); --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--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-text: #fff; --theme_dark--resizer: rgba(15, 15, 15, 0.6); @@ -180,67 +193,71 @@ --theme_dark--text_pink: rgb(226, 85, 161); --theme_dark--text_red: rgb(255, 115, 105); - --theme_dark--bg-text: var(--theme_dark--text); - --theme_dark--bg_grey: rgb(69, 75, 78); - --theme_dark--bg_grey-text: var(--theme_dark--bg-text); - --theme_dark--bg_brown: rgb(67, 64, 64); - --theme_dark--bg_brown-text: var(--theme_dark--bg-text); - --theme_dark--bg_orange: rgb(89, 74, 58); - --theme_dark--bg_orange-text: var(--theme_dark--bg-text); - --theme_dark--bg_yellow: rgb(89, 86, 59); - --theme_dark--bg_yellow-text: var(--theme_dark--bg-text); - --theme_dark--bg_green: rgb(53, 76, 75); - --theme_dark--bg_green-text: var(--theme_dark--bg-text); - --theme_dark--bg_blue: rgb(54, 73, 84); - --theme_dark--bg_blue-text: var(--theme_dark--bg-text); - --theme_dark--bg_purple: rgb(68, 63, 87); - --theme_dark--bg_purple-text: var(--theme_dark--bg-text); - --theme_dark--bg_pink: rgb(83, 59, 76); - --theme_dark--bg_pink-text: var(--theme_dark--bg-text); - --theme_dark--bg_red: rgb(89, 65, 65); - --theme_dark--bg_red-text: var(--theme_dark--bg-text); + --theme_dark--highlight-text: var(--theme_dark--text); + --theme_dark--highlight_grey: rgb(69, 75, 78); + --theme_dark--highlight_grey-text: var(--theme_dark--highlight-text); + --theme_dark--highlight_brown: rgb(67, 64, 64); + --theme_dark--highlight_brown-text: var(--theme_dark--highlight-text); + --theme_dark--highlight_orange: rgb(89, 74, 58); + --theme_dark--highlight_orange-text: var(--theme_dark--highlight-text); + --theme_dark--highlight_yellow: rgb(89, 86, 59); + --theme_dark--highlight_yellow-text: var(--theme_dark--highlight-text); + --theme_dark--highlight_green: rgb(53, 76, 75); + --theme_dark--highlight_green-text: var(--theme_dark--highlight-text); + --theme_dark--highlight_blue: rgb(54, 73, 84); + --theme_dark--highlight_blue-text: var(--theme_dark--highlight-text); + --theme_dark--highlight_purple: rgb(68, 63, 87); + --theme_dark--highlight_purple-text: var(--theme_dark--highlight-text); + --theme_dark--highlight_pink: rgb(83, 59, 76); + --theme_dark--highlight_pink-text: var(--theme_dark--highlight-text); + --theme_dark--highlight_red: rgb(89, 65, 65); + --theme_dark--highlight_red-text: var(--theme_dark--highlight-text); - --theme_dark--line-text: var(--theme_dark--text); - --theme_dark--line_grey: rgb(69, 75, 78); - --theme_dark--line_grey-text: var(--theme_dark--line-text); - --theme_dark--line_brown: rgb(67, 64, 64); - --theme_dark--line_brown-text: var(--theme_dark--line-text); - --theme_dark--line_orange: rgb(89, 74, 58); - --theme_dark--line_orange-text: var(--theme_dark--line-text); - --theme_dark--line_yellow: rgb(89, 86, 59); - --theme_dark--line_yellow-text: var(--theme_dark--line-text); - --theme_dark--line_green: rgb(53, 76, 75); - --theme_dark--line_green-text: var(--theme_dark--line-text); - --theme_dark--line_blue: rgb(54, 73, 84); - --theme_dark--line_blue-text: var(--theme_dark--line-text); - --theme_dark--line_purple: rgb(68, 63, 87); - --theme_dark--line_purple-text: var(--theme_dark--line-text); - --theme_dark--line_pink: rgb(83, 59, 76); - --theme_dark--line_pink-text: var(--theme_dark--line-text); - --theme_dark--line_red: rgb(89, 65, 65); - --theme_dark--line_red-text: var(--theme_dark--line-text); + --theme_dark--block-text: var(--theme_dark--text); + --theme_dark--block_grey: rgb(69, 75, 78); + --theme_dark--block_grey-text: var(--theme_dark--block-text); + --theme_dark--block_brown: rgb(67, 64, 64); + --theme_dark--block_brown-text: var(--theme_dark--block-text); + --theme_dark--block_orange: rgb(89, 74, 58); + --theme_dark--block_orange-text: var(--theme_dark--block-text); + --theme_dark--block_yellow: rgb(89, 86, 59); + --theme_dark--block_yellow-text: var(--theme_dark--block-text); + --theme_dark--block_green: rgb(53, 76, 75); + --theme_dark--block_green-text: var(--theme_dark--block-text); + --theme_dark--block_blue: rgb(54, 73, 84); + --theme_dark--block_blue-text: var(--theme_dark--block-text); + --theme_dark--block_purple: rgb(68, 63, 87); + --theme_dark--block_purple-text: var(--theme_dark--block-text); + --theme_dark--block_pink: rgb(83, 59, 76); + --theme_dark--block_pink-text: var(--theme_dark--block-text); + --theme_dark--block_red: rgb(89, 65, 65); + --theme_dark--block_red-text: var(--theme_dark--block-text); - --theme_dark--select-text: var(--theme_dark--text); - --theme_dark--select_default: rgb(80, 85, 88); - --theme_dark--select_default-text: var(--theme_dark--select-text); - --theme_dark--select_grey: rgba(151, 154, 155, 0.5); - --theme_dark--select_grey-text: var(--theme_dark--select-text); - --theme_dark--select_brown: rgba(147, 114, 100, 0.5); - --theme_dark--select_brown-text: var(--theme_dark--select-text); - --theme_dark--select_orange: rgba(255, 163, 68, 0.5); - --theme_dark--select_orange-text: var(--theme_dark--select-text); - --theme_dark--select_yellow: rgba(255, 220, 73, 0.5); - --theme_dark--select_yellow-text: var(--theme_dark--select-text); - --theme_dark--select_green: rgba(77, 171, 154, 0.5); - --theme_dark--select_green-text: var(--theme_dark--select-text); - --theme_dark--select_blue: rgba(82, 156, 202, 0.5); - --theme_dark--select_blue-text: var(--theme_dark--select-text); - --theme_dark--select_purple: rgba(154, 109, 215, 0.5); - --theme_dark--select_purple-text: var(--theme_dark--select-text); - --theme_dark--select_pink: rgba(226, 85, 161, 0.5); - --theme_dark--select_pink-text: var(--theme_dark--select-text); - --theme_dark--select_red: rgba(255, 115, 105, 0.5); - --theme_dark--select_red-text: var(--theme_dark--select-text); + --theme_dark--tag-text: var(--theme_dark--text); + --theme_dark--tag_default: rgb(80, 85, 88); + --theme_dark--tag_default-text: var(--theme_dark--tag-text); + --theme_dark--tag_plan: var(--theme_dark--tag_default); + --theme_dark--tag_plan-text: rgba(255, 255, 255, 0.6); + --theme_dark--tag_new: rgb(235, 87, 87); + --theme_dark--tag_new-text: #fff; + --theme_dark--tag_grey: rgba(151, 154, 155, 0.5); + --theme_dark--tag_grey-text: var(--theme_dark--tag-text); + --theme_dark--tag_brown: rgba(147, 114, 100, 0.5); + --theme_dark--tag_brown-text: var(--theme_dark--tag-text); + --theme_dark--tag_orange: rgba(255, 163, 68, 0.5); + --theme_dark--tag_orange-text: var(--theme_dark--tag-text); + --theme_dark--tag_yellow: rgba(255, 220, 73, 0.5); + --theme_dark--tag_yellow-text: var(--theme_dark--tag-text); + --theme_dark--tag_green: rgba(77, 171, 154, 0.5); + --theme_dark--tag_green-text: var(--theme_dark--tag-text); + --theme_dark--tag_blue: rgba(82, 156, 202, 0.5); + --theme_dark--tag_blue-text: var(--theme_dark--tag-text); + --theme_dark--tag_purple: rgba(154, 109, 215, 0.5); + --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_grey: rgba(69, 75, 78, 0.3); @@ -280,6 +297,8 @@ --theme_light--preview_shadow: rgba(0, 0, 0, 0.4); --theme_light--quickfind_shadow: rgba(15, 15, 15, 0.6); --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--accent: rgb(46, 170, 220); @@ -288,6 +307,8 @@ --theme_light--accent_button-hover: rgb(6, 156, 205); --theme_light--accent_button-active: rgb(0, 141, 190); --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-hover: rgba(55, 53, 47, 0.03); @@ -326,9 +347,19 @@ --theme_light--expand-text: rgba(55, 53, 47, 0.6); --theme_light--expand-hover: rgb(239, 239, 238); --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--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-text: #fff; --theme_light--resizer: rgba(15, 15, 15, 0.6); @@ -431,67 +462,71 @@ --theme_light--text_pink: rgb(173, 26, 114); --theme_light--text_red: rgb(224, 62, 62); - --theme_light--bg-text: var(--theme_light--text); - --theme_light--bg_grey: rgb(235, 236, 237); - --theme_light--bg_grey-text: var(--theme_light--bg-text); - --theme_light--bg_brown: rgb(233, 229, 227); - --theme_light--bg_brown-text: var(--theme_light--bg-text); - --theme_light--bg_orange: rgb(250, 235, 221); - --theme_light--bg_orange-text: var(--theme_light--bg-text); - --theme_light--bg_yellow: rgb(251, 243, 219); - --theme_light--bg_yellow-text: var(--theme_light--bg-text); - --theme_light--bg_green: rgb(221, 237, 234); - --theme_light--bg_green-text: var(--theme_light--bg-text); - --theme_light--bg_blue: rgb(221, 235, 241); - --theme_light--bg_blue-text: var(--theme_light--bg-text); - --theme_light--bg_purple: rgb(234, 228, 242); - --theme_light--bg_purple-text: var(--theme_light--bg-text); - --theme_light--bg_pink: rgb(244, 223, 235); - --theme_light--bg_pink-text: var(--theme_light--bg-text); - --theme_light--bg_red: rgb(251, 228, 228); - --theme_light--bg_red-text: var(--theme_light--bg-text); + --theme_light--highlight-text: var(--theme_light--text); + --theme_light--highlight_grey: rgb(235, 236, 237); + --theme_light--highlight_grey-text: var(--theme_light--highlight-text); + --theme_light--highlight_brown: rgb(233, 229, 227); + --theme_light--highlight_brown-text: var(--theme_light--highlight-text); + --theme_light--highlight_orange: rgb(250, 235, 221); + --theme_light--highlight_orange-text: var(--theme_light--highlight-text); + --theme_light--highlight_yellow: rgb(251, 243, 219); + --theme_light--highlight_yellow-text: var(--theme_light--highlight-text); + --theme_light--highlight_green: rgb(221, 237, 234); + --theme_light--highlight_green-text: var(--theme_light--highlight-text); + --theme_light--highlight_blue: rgb(221, 235, 241); + --theme_light--highlight_blue-text: var(--theme_light--highlight-text); + --theme_light--highlight_purple: rgb(234, 228, 242); + --theme_light--highlight_purple-text: var(--theme_light--highlight-text); + --theme_light--highlight_pink: rgb(244, 223, 235); + --theme_light--highlight_pink-text: var(--theme_light--highlight-text); + --theme_light--highlight_red: rgb(251, 228, 228); + --theme_light--highlight_red-text: var(--theme_light--highlight-text); - --theme_light--line-text: var(--theme_light--text); - --theme_light--line_grey: rgb(235, 236, 237); - --theme_light--line_grey-text: var(--theme_light--line-text); - --theme_light--line_brown: rgb(233, 229, 227); - --theme_light--line_brown-text: var(--theme_light--line-text); - --theme_light--line_orange: rgb(250, 235, 221); - --theme_light--line_orange-text: var(--theme_light--line-text); - --theme_light--line_yellow: rgb(251, 243, 219); - --theme_light--line_yellow-text: var(--theme_light--line-text); - --theme_light--line_green: rgb(221, 237, 234); - --theme_light--line_green-text: var(--theme_light--line-text); - --theme_light--line_blue: rgb(221, 235, 241); - --theme_light--line_blue-text: var(--theme_light--line-text); - --theme_light--line_purple: rgb(234, 228, 242); - --theme_light--line_purple-text: var(--theme_light--line-text); - --theme_light--line_pink: rgb(244, 223, 235); - --theme_light--line_pink-text: var(--theme_light--line-text); - --theme_light--line_red: rgb(251, 228, 228); - --theme_light--line_red-text: var(--theme_light--line-text); + --theme_light--block-text: var(--theme_light--text); + --theme_light--block_grey: rgb(235, 236, 237); + --theme_light--block_grey-text: var(--theme_light--block-text); + --theme_light--block_brown: rgb(233, 229, 227); + --theme_light--block_brown-text: var(--theme_light--block-text); + --theme_light--block_orange: rgb(250, 235, 221); + --theme_light--block_orange-text: var(--theme_light--block-text); + --theme_light--block_yellow: rgb(251, 243, 219); + --theme_light--block_yellow-text: var(--theme_light--block-text); + --theme_light--block_green: rgb(221, 237, 234); + --theme_light--block_green-text: var(--theme_light--block-text); + --theme_light--block_blue: rgb(221, 235, 241); + --theme_light--block_blue-text: var(--theme_light--block-text); + --theme_light--block_purple: rgb(234, 228, 242); + --theme_light--block_purple-text: var(--theme_light--block-text); + --theme_light--block_pink: rgb(244, 223, 235); + --theme_light--block_pink-text: var(--theme_light--block-text); + --theme_light--block_red: rgb(251, 228, 228); + --theme_light--block_red-text: var(--theme_light--block-text); - --theme_light--select-text: var(--theme_light--text); - --theme_light--select_default: rgba(206, 205, 202, 0.5); - --theme_light--select_default-text: var(--theme_light--select-text); - --theme_light--select_grey: rgba(140, 46, 0, 0.2); - --theme_light--select_grey-text: var(--theme_light--select-text); - --theme_light--select_brown: rgba(140, 46, 0, 0.2); - --theme_light--select_brown-text: var(--theme_light--select-text); - --theme_light--select_orange: rgba(245, 93, 0, 0.2); - --theme_light--select_orange-text: var(--theme_light--select-text); - --theme_light--select_yellow: rgba(233, 168, 0, 0.2); - --theme_light--select_yellow-text: var(--theme_light--select-text); - --theme_light--select_green: rgba(0, 135, 107, 0.2); - --theme_light--select_green-text: var(--theme_light--select-text); - --theme_light--select_blue: rgba(0, 120, 223, 0.2); - --theme_light--select_blue-text: var(--theme_light--select-text); - --theme_light--select_purple: rgba(103, 36, 222, 0.2); - --theme_light--select_purple-text: var(--theme_light--select-text); - --theme_light--select_pink: rgba(221, 0, 129, 0.2); - --theme_light--select_pink-text: var(--theme_light--select-text); - --theme_light--select_red: rgba(255, 0, 26, 0.2); - --theme_light--select_red-text: var(--theme_light--select-text); + --theme_light--tag-text: var(--theme_light--text); + --theme_light--tag_default: rgba(206, 205, 202, 0.5); + --theme_light--tag_default-text: var(--theme_light--tag-text); + --theme_light--tag_plan: var(--theme_light--tag_default); + --theme_light--tag_plan-text: rgba(55, 53, 47, 0.6); + --theme_light--tag_new: rgb(235, 87, 87); + --theme_light--tag_new-text: #fff; + --theme_light--tag_grey: rgba(140, 46, 0, 0.2); + --theme_light--tag_grey-text: var(--theme_light--tag-text); + --theme_light--tag_brown: rgba(140, 46, 0, 0.2); + --theme_light--tag_brown-text: var(--theme_light--tag-text); + --theme_light--tag_orange: rgba(245, 93, 0, 0.2); + --theme_light--tag_orange-text: var(--theme_light--tag-text); + --theme_light--tag_yellow: rgba(233, 168, 0, 0.2); + --theme_light--tag_yellow-text: var(--theme_light--tag-text); + --theme_light--tag_green: rgba(0, 135, 107, 0.2); + --theme_light--tag_green-text: var(--theme_light--tag-text); + --theme_light--tag_blue: rgba(0, 120, 223, 0.2); + --theme_light--tag_blue-text: var(--theme_light--tag-text); + --theme_light--tag_purple: rgba(103, 36, 222, 0.2); + --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_grey: rgba(235, 236, 237, 0.3); @@ -531,6 +566,8 @@ --theme--preview_shadow: var(--theme_dark--preview_shadow); --theme--quickfind_shadow: var(--theme_dark--quickfind_shadow); --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--accent: var(--theme_dark--accent); @@ -539,6 +576,10 @@ --theme--accent_button-hover: var(--theme_dark--accent_button-hover); --theme--accent_button-active: var(--theme_dark--accent_button-active); --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-hover: var(--theme_dark--db_card-hover); @@ -577,9 +618,21 @@ --theme--expand-text: var(--theme_dark--expand-text); --theme--expand-hover: var(--theme_dark--expand-hover); --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--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-text: var(--theme_dark--reposition_cover-text); --theme--resizer: var(--theme_dark--resizer); @@ -626,8 +679,8 @@ --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--text_block-line_height: var(--theme_light--text_block-line_height); - --theme--text_block-margin_top: var(--theme_light--text_block-margin_top); + --theme--text_block-line_height: var(--theme_dark--text_block-line_height); + --theme--text_block-margin_top: var(--theme_dark--text_block-margin_top); --theme--icon: var(--theme_dark--icon); --theme--icon_topbar: var(--theme_dark--icon_topbar); @@ -682,67 +735,71 @@ --theme--text_pink: var(--theme_dark--text_pink); --theme--text_red: var(--theme_dark--text_red); - --theme--bg-text: var(--theme_dark--bg-text); - --theme--bg_grey: var(--theme_dark--bg_grey); - --theme--bg_grey-text: var(--theme_dark--bg_grey-text); - --theme--bg_brown: var(--theme_dark--bg_brown); - --theme--bg_brown-text: var(--theme_dark--bg_brown-text); - --theme--bg_orange: var(--theme_dark--bg_orange); - --theme--bg_orange-text: var(--theme_dark--bg_orange-text); - --theme--bg_yellow: var(--theme_dark--bg_yellow); - --theme--bg_yellow-text: var(--theme_dark--bg_yellow-text); - --theme--bg_green: var(--theme_dark--bg_green); - --theme--bg_green-text: var(--theme_dark--bg_green-text); - --theme--bg_blue: var(--theme_dark--bg_blue); - --theme--bg_blue-text: var(--theme_dark--bg_blue-text); - --theme--bg_purple: var(--theme_dark--bg_purple); - --theme--bg_purple-text: var(--theme_dark--bg_purple-text); - --theme--bg_pink: var(--theme_dark--bg_pink); - --theme--bg_pink-text: var(--theme_dark--bg_pink-text); - --theme--bg_red: var(--theme_dark--bg_red); - --theme--bg_red-text: var(--theme_dark--bg_red-text); + --theme--highlight-text: var(--theme_dark--highlight-text); + --theme--highlight_grey: var(--theme_dark--highlight_grey); + --theme--highlight_grey-text: var(--theme_dark--highlight_grey-text); + --theme--highlight_brown: var(--theme_dark--highlight_brown); + --theme--highlight_brown-text: var(--theme_dark--highlight_brown-text); + --theme--highlight_orange: var(--theme_dark--highlight_orange); + --theme--highlight_orange-text: var(--theme_dark--highlight_orange-text); + --theme--highlight_yellow: var(--theme_dark--highlight_yellow); + --theme--highlight_yellow-text: var(--theme_dark--highlight_yellow-text); + --theme--highlight_green: var(--theme_dark--highlight_green); + --theme--highlight_green-text: var(--theme_dark--highlight_green-text); + --theme--highlight_blue: var(--theme_dark--highlight_blue); + --theme--highlight_blue-text: var(--theme_dark--highlight_blue-text); + --theme--highlight_purple: var(--theme_dark--highlight_purple); + --theme--highlight_purple-text: var(--theme_dark--highlight_purple-text); + --theme--highlight_pink: var(--theme_dark--highlight_pink); + --theme--highlight_pink-text: var(--theme_dark--highlight_pink-text); + --theme--highlight_red: var(--theme_dark--highlight_red); + --theme--highlight_red-text: var(--theme_dark--highlight_red-text); - --theme--line-text: var(--theme_dark--line-text); - --theme--line_grey: var(--theme_dark--line_grey); - --theme--line_grey-text: var(--theme_dark--line_grey-text); - --theme--line_brown: var(--theme_dark--line_brown); - --theme--line_brown-text: var(--theme_dark--line_brown-text); - --theme--line_orange: var(--theme_dark--line_orange); - --theme--line_orange-text: var(--theme_dark--line_orange-text); - --theme--line_yellow: var(--theme_dark--line_yellow); - --theme--line_yellow-text: var(--theme_dark--line_yellow-text); - --theme--line_green: var(--theme_dark--line_green); - --theme--line_green-text: var(--theme_dark--line_green-text); - --theme--line_blue: var(--theme_dark--line_blue); - --theme--line_blue-text: var(--theme_dark--line_blue-text); - --theme--line_purple: var(--theme_dark--line_purple); - --theme--line_purple-text: var(--theme_dark--line_purple-text); - --theme--line_pink: var(--theme_dark--line_pink); - --theme--line_pink-text: var(--theme_dark--line_pink-text); - --theme--line_red: var(--theme_dark--line_red); - --theme--line_red-text: var(--theme_dark--line_red-text); + --theme--block-text: var(--theme_dark--block-text); + --theme--block_grey: var(--theme_dark--block_grey); + --theme--block_grey-text: var(--theme_dark--block_grey-text); + --theme--block_brown: var(--theme_dark--block_brown); + --theme--block_brown-text: var(--theme_dark--block_brown-text); + --theme--block_orange: var(--theme_dark--block_orange); + --theme--block_orange-text: var(--theme_dark--block_orange-text); + --theme--block_yellow: var(--theme_dark--block_yellow); + --theme--block_yellow-text: var(--theme_dark--block_yellow-text); + --theme--block_green: var(--theme_dark--block_green); + --theme--block_green-text: var(--theme_dark--block_green-text); + --theme--block_blue: var(--theme_dark--block_blue); + --theme--block_blue-text: var(--theme_dark--block_blue-text); + --theme--block_purple: var(--theme_dark--block_purple); + --theme--block_purple-text: var(--theme_dark--block_purple-text); + --theme--block_pink: var(--theme_dark--block_pink); + --theme--block_pink-text: var(--theme_dark--block_pink-text); + --theme--block_red: var(--theme_dark--block_red); + --theme--block_red-text: var(--theme_dark--block_red-text); - --theme--select-text: var(--theme_dark--select-text); - --theme--select_default: var(--theme_dark--select_default); - --theme--select_default-text: var(--theme_dark--select_default-text); - --theme--select_grey: var(--theme_dark--select_grey); - --theme--select_grey-text: var(--theme_dark--select_grey-text); - --theme--select_brown: var(--theme_dark--select_brown); - --theme--select_brown-text: var(--theme_dark--select_brown-text); - --theme--select_orange: var(--theme_dark--select_orange); - --theme--select_orange-text: var(--theme_dark--select_orange-text); - --theme--select_yellow: var(--theme_dark--select_yellow); - --theme--select_yellow-text: var(--theme_dark--select_yellow-text); - --theme--select_green: var(--theme_dark--select_green); - --theme--select_green-text: var(--theme_dark--select_green-text); - --theme--select_blue: var(--theme_dark--select_blue); - --theme--select_blue-text: var(--theme_dark--select_blue-text); - --theme--select_purple: var(--theme_dark--select_purple); - --theme--select_purple-text: var(--theme_dark--select_purple-text); - --theme--select_pink: var(--theme_dark--select_pink); - --theme--select_pink-text: var(--theme_dark--select_pink-text); - --theme--select_red: var(--theme_dark--select_red); - --theme--select_red-text: var(--theme_dark--select_red-text); + --theme--tag-text: var(--theme_dark--tag-text); + --theme--tag_default: var(--theme_dark--tag_default); + --theme--tag_default-text: var(--theme_dark--tag_default-text); + --theme--tag_plan: var(--theme_dark--tag_plan); + --theme--tag_plan-text: var(--theme_dark--tag_plan-text); + --theme--tag_new: var(--theme_dark--tag_new); + --theme--tag_new-text: var(--theme_dark--tag_new-text); + --theme--tag_grey: var(--theme_dark--tag_grey); + --theme--tag_grey-text: var(--theme_dark--tag_grey-text); + --theme--tag_brown: var(--theme_dark--tag_brown); + --theme--tag_brown-text: var(--theme_dark--tag_brown-text); + --theme--tag_orange: var(--theme_dark--tag_orange); + --theme--tag_orange-text: var(--theme_dark--tag_orange-text); + --theme--tag_yellow: var(--theme_dark--tag_yellow); + --theme--tag_yellow-text: var(--theme_dark--tag_yellow-text); + --theme--tag_green: var(--theme_dark--tag_green); + --theme--tag_green-text: var(--theme_dark--tag_green-text); + --theme--tag_blue: var(--theme_dark--tag_blue); + --theme--tag_blue-text: var(--theme_dark--tag_blue-text); + --theme--tag_purple: var(--theme_dark--tag_purple); + --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_grey: var(--theme_dark--callout_grey); @@ -782,6 +839,8 @@ --theme--preview_shadow: var(--theme_light--preview_shadow); --theme--quickfind_shadow: var(--theme_light--quickfind_shadow); --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--accent: var(--theme_light--accent); @@ -790,6 +849,10 @@ --theme--accent_button-hover: var(--theme_light--accent_button-hover); --theme--accent_button-active: var(--theme_light--accent_button-active); --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-hover: var(--theme_light--db_card-hover); @@ -828,9 +891,21 @@ --theme--expand-text: var(--theme_light--expand-text); --theme--expand-hover: var(--theme_light--expand-hover); --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--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-text: var(--theme_light--reposition_cover-text); --theme--resizer: var(--theme_light--resizer); @@ -933,67 +1008,71 @@ --theme--text_pink: var(--theme_light--text_pink); --theme--text_red: var(--theme_light--text_red); - --theme--bg-text: var(--theme_light--bg-text); - --theme--bg_grey: var(--theme_light--bg_grey); - --theme--bg_grey-text: var(--theme_light--bg_grey-text); - --theme--bg_brown: var(--theme_light--bg_brown); - --theme--bg_brown-text: var(--theme_light--bg_brown-text); - --theme--bg_orange: var(--theme_light--bg_orange); - --theme--bg_orange-text: var(--theme_light--bg_orange-text); - --theme--bg_yellow: var(--theme_light--bg_yellow); - --theme--bg_yellow-text: var(--theme_light--bg_yellow-text); - --theme--bg_green: var(--theme_light--bg_green); - --theme--bg_green-text: var(--theme_light--bg_green-text); - --theme--bg_blue: var(--theme_light--bg_blue); - --theme--bg_blue-text: var(--theme_light--bg_blue-text); - --theme--bg_purple: var(--theme_light--bg_purple); - --theme--bg_purple-text: var(--theme_light--bg_purple-text); - --theme--bg_pink: var(--theme_light--bg_pink); - --theme--bg_pink-text: var(--theme_light--bg_pink-text); - --theme--bg_red: var(--theme_light--bg_red); - --theme--bg_red-text: var(--theme_light--bg_red-text); + --theme--highlight-text: var(--theme_light--highlight-text); + --theme--highlight_grey: var(--theme_light--highlight_grey); + --theme--highlight_grey-text: var(--theme_light--highlight_grey-text); + --theme--highlight_brown: var(--theme_light--highlight_brown); + --theme--highlight_brown-text: var(--theme_light--highlight_brown-text); + --theme--highlight_orange: var(--theme_light--highlight_orange); + --theme--highlight_orange-text: var(--theme_light--highlight_orange-text); + --theme--highlight_yellow: var(--theme_light--highlight_yellow); + --theme--highlight_yellow-text: var(--theme_light--highlight_yellow-text); + --theme--highlight_green: var(--theme_light--highlight_green); + --theme--highlight_green-text: var(--theme_light--highlight_green-text); + --theme--highlight_blue: var(--theme_light--highlight_blue); + --theme--highlight_blue-text: var(--theme_light--highlight_blue-text); + --theme--highlight_purple: var(--theme_light--highlight_purple); + --theme--highlight_purple-text: var(--theme_light--highlight_purple-text); + --theme--highlight_pink: var(--theme_light--highlight_pink); + --theme--highlight_pink-text: var(--theme_light--highlight_pink-text); + --theme--highlight_red: var(--theme_light--highlight_red); + --theme--highlight_red-text: var(--theme_light--highlight_red-text); - --theme--line-text: var(--theme_light--line-text); - --theme--line_grey: var(--theme_light--line_grey); - --theme--line_grey-text: var(--theme_light--line_grey-text); - --theme--line_brown: var(--theme_light--line_brown); - --theme--line_brown-text: var(--theme_light--line_brown-text); - --theme--line_orange: var(--theme_light--line_orange); - --theme--line_orange-text: var(--theme_light--line_orange-text); - --theme--line_yellow: var(--theme_light--line_yellow); - --theme--line_yellow-text: var(--theme_light--line_yellow-text); - --theme--line_green: var(--theme_light--line_green); - --theme--line_green-text: var(--theme_light--line_green-text); - --theme--line_blue: var(--theme_light--line_blue); - --theme--line_blue-text: var(--theme_light--line_blue-text); - --theme--line_purple: var(--theme_light--line_purple); - --theme--line_purple-text: var(--theme_light--line_purple-text); - --theme--line_pink: var(--theme_light--line_pink); - --theme--line_pink-text: var(--theme_light--line_pink-text); - --theme--line_red: var(--theme_light--line_red); - --theme--line_red-text: var(--theme_light--line_red-text); + --theme--block-text: var(--theme_light--block-text); + --theme--block_grey: var(--theme_light--block_grey); + --theme--block_grey-text: var(--theme_light--block_grey-text); + --theme--block_brown: var(--theme_light--block_brown); + --theme--block_brown-text: var(--theme_light--block_brown-text); + --theme--block_orange: var(--theme_light--block_orange); + --theme--block_orange-text: var(--theme_light--block_orange-text); + --theme--block_yellow: var(--theme_light--block_yellow); + --theme--block_yellow-text: var(--theme_light--block_yellow-text); + --theme--block_green: var(--theme_light--block_green); + --theme--block_green-text: var(--theme_light--block_green-text); + --theme--block_blue: var(--theme_light--block_blue); + --theme--block_blue-text: var(--theme_light--block_blue-text); + --theme--block_purple: var(--theme_light--block_purple); + --theme--block_purple-text: var(--theme_light--block_purple-text); + --theme--block_pink: var(--theme_light--block_pink); + --theme--block_pink-text: var(--theme_light--block_pink-text); + --theme--block_red: var(--theme_light--block_red); + --theme--block_red-text: var(--theme_light--block_red-text); - --theme--select-text: var(--theme_light--select-text); - --theme--select_default: var(--theme_light--select_default); - --theme--select_default-text: var(--theme_light--select_default-text); - --theme--select_grey: var(--theme_light--select_grey); - --theme--select_grey-text: var(--theme_light--select_grey-text); - --theme--select_brown: var(--theme_light--select_brown); - --theme--select_brown-text: var(--theme_light--select_brown-text); - --theme--select_orange: var(--theme_light--select_orange); - --theme--select_orange-text: var(--theme_light--select_orange-text); - --theme--select_yellow: var(--theme_light--select_yellow); - --theme--select_yellow-text: var(--theme_light--select_yellow-text); - --theme--select_green: var(--theme_light--select_green); - --theme--select_green-text: var(--theme_light--select_green-text); - --theme--select_blue: var(--theme_light--select_blue); - --theme--select_blue-text: var(--theme_light--select_blue-text); - --theme--select_purple: var(--theme_light--select_purple); - --theme--select_purple-text: var(--theme_light--select_purple-text); - --theme--select_pink: var(--theme_light--select_pink); - --theme--select_pink-text: var(--theme_light--select_pink-text); - --theme--select_red: var(--theme_light--select_red); - --theme--select_red-text: var(--theme_light--select_red-text); + --theme--tag-text: var(--theme_light--tag-text); + --theme--tag_default: var(--theme_light--tag_default); + --theme--tag_default-text: var(--theme_light--tag_default-text); + --theme--tag_plan: var(--theme_light--tag_plan); + --theme--tag_plan-text: var(--theme_light--tag_plan-text); + --theme--tag_new: var(--theme_light--tag_new); + --theme--tag_new-text: var(--theme_light--tag_new-text); + --theme--tag_grey: var(--theme_light--tag_grey); + --theme--tag_grey-text: var(--theme_light--tag_grey-text); + --theme--tag_brown: var(--theme_light--tag_brown); + --theme--tag_brown-text: var(--theme_light--tag_brown-text); + --theme--tag_orange: var(--theme_light--tag_orange); + --theme--tag_orange-text: var(--theme_light--tag_orange-text); + --theme--tag_yellow: var(--theme_light--tag_yellow); + --theme--tag_yellow-text: var(--theme_light--tag_yellow-text); + --theme--tag_green: var(--theme_light--tag_green); + --theme--tag_green-text: var(--theme_light--tag_green-text); + --theme--tag_blue: var(--theme_light--tag_blue); + --theme--tag_blue-text: var(--theme_light--tag_blue-text); + --theme--tag_purple: var(--theme_light--tag_purple); + --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_grey: var(--theme_light--callout_grey); diff --git a/yarn.lock b/yarn.lock index 0c47270..0c35d95 100644 --- a/yarn.lock +++ b/yarn.lock @@ -16,9 +16,9 @@ integrity sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA== "@types/node@*": - version "14.14.10" - resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.10.tgz#5958a82e41863cfc71f2307b3748e3491ba03785" - integrity sha512-J32dgx2hw8vXrSbu4ZlVhn1Nm3GbeCFNw2FWL8S5QKucHGY0cyNwjdQdO+KMBZ4wpmC7KhLCiNsdk1RFRIYUQQ== + version "14.14.14" + resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.14.tgz#f7fd5f3cc8521301119f63910f0fb965c7d761ae" + integrity sha512-UHnOPWVWV1z+VV8k6L1HhG7UbGBgIdghqF3l9Ny9ApPghbjICXkUJSd/b9gOgQfjM1r+37cipdw/HJ3F6ICEnQ== ansi-styles@^4.1.0: version "4.3.0"