diff --git a/extension/repo/CHANGELOG.md b/extension/repo/CHANGELOG.md index 4a06892..00ddbfd 100644 --- a/extension/repo/CHANGELOG.md +++ b/extension/repo/CHANGELOG.md @@ -8,6 +8,7 @@ - improved: replaced confusing all-tag filters with themes/extensions/enabled/disabled filters. - removed: integrated scrollbar tweak (notion now includes by default). - removed: js insert. css insert moved to tweaks mod. +- removed: majority of layout and font size variables - better to leave former to notion and use `ctrl +` for latter. - ported: tweaks, bypass-preview. #### todo diff --git a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/client.css b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/client.css deleted file mode 100644 index 5f4dc37..0000000 --- a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/client.css +++ /dev/null @@ -1,1790 +0,0 @@ -/* - * notion-enhancer core: theming - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (c) 2020 TarasokUA - * (c) 2020 Arecsu - * (c) 2020 u/zenith_illinois - * (c) 2020 admiraldus - * (c) 2020 CloudHill - * (https://notion-enhancer.github.io/) under the MIT license - */ - -/** layout ui **/ - -.notion-frame .notion-scroller [style*='env(safe-area-inset-'][style*=' width: 900px'], -.notion-frame .notion-scroller [style*='env(safe-area-inset-'][style*=';width: 900px'], -.notion-frame - .notion-scroller - [style*='height: 30vh'] - [style*='pointer-events:'][style*='max-width: 100%; width: 900px'] { - width: var(--theme--page-width) !important; -} -.notion-frame .notion-scroller [style*='env(safe-area-inset-'][style*=' width: 100%'], -.notion-frame - .notion-scroller - [style*='height: 30vh'] - [style*='pointer-events:'][style*='max-width: 100%; width: 100%'] { - width: var(--theme--page_full-width) !important; -} -.notion-frame - [style*='padding-left: calc(96px + env(safe-area-inset-left)); padding-right: calc(96px + env(safe-area-inset-right));'] { - padding-left: var(--theme--page-padding) !important; - padding-right: var(--theme--page-padding) !important; -} -[style^='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 30vh;'], -[style^='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 30vh;'] - img { - height: var(--theme--page_banner-height) !important; -} - -.notion-peek-renderer > :nth-child(2) { - max-width: var(--theme--preview-width) !important; -} - -.notion-peek-renderer - .notion-scroller.vertical - [style*='padding-left: calc(126px + env(safe-area-inset-left));'] { - padding-left: var(--theme--preview-padding) !important; -} -.notion-peek-renderer - .notion-scroller.vertical - [style*='padding-right: calc(126px + env(safe-area-inset-right));'] { - padding-right: var(--theme--preview-padding) !important; -} -.notion-peek-renderer - .notion-scroller.vertical - [style*='margin-left: calc(126px + env(safe-area-inset-left));'] { - margin-left: var(--theme--preview-padding) !important; -} -.notion-peek-renderer - .notion-scroller.vertical - [style*='margin-right: calc(126px + env(safe-area-inset-right));'] { - margin-right: var(--theme--preview-padding) !important; -} -.notion-peek-renderer .notion-page-content { - padding-left: var(--theme--preview-padding) !important; - padding-right: var(--theme--preview-padding) !important; - width: 100%; -} -.notion-peek-renderer - .notion-scroller.vertical - [style*='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 20vh;'], -.notion-peek-renderer - .notion-scroller.vertical - [style*='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 20vh;'] - img { - height: var(--theme--preview_banner-height) !important; -} - -.notion-app-inner, -.notion-cursor-listener, -.notion-frame, -.notion-cursor-listener - > .notion-frame - > .notion-scroller.vertical.horizontal - > .notion-scroller - > div - > div - > :nth-child(1)[style*='background'], -.notion-cursor-listener - > .notion-frame - > .notion-scroller.vertical.horizontal - > .notion-scroller - > div - > div - > .notion-table-view-add-row, -.notion-cursor-listener - > .notion-frame - > .notion-scroller.vertical.horizontal - > .notion-scroller - > div - > div - > :nth-child(5)[style*='background'], -.notion-overlay-container.notion-default-overlay-container - > :nth-child(2) - > div - > :nth-child(2) - > :nth-child(1) - > .notion-scroller.vertical.horizontal, -iframe[style*='background-color'], -.notion-table-view > .notion-collection_view-block > div[style*='background'], -.notion-board-view > .notion-collection_view-block > div[style*='background'], -.notion-timeline-view > .notion-collection_view-block > div[style*='background'], -.notion-calendar-view > .notion-collection_view-block > div[style*='background']:first-child, -.notion-list-view > .notion-collection_view-block > div[style*='background'], -.notion-gallery-view > .notion-collection_view-block > div[style*='background'], -.notion-timeline-view, -.notion-body.dark .notion-timeline-view [style*='background: rgb(47, 52, 55)'], -.notion-body:not(.dark) .notion-timeline-view [style*='background: white'], -.notion-body.dark - .notion-calendar-view - .notion-collection_view_page-block[style*='background: rgb(47, 52, 55)'], -.notion-body:not(.dark) - .notion-calendar-view - .notion-collection_view_page-block[style*='background: white'], -.notion-body.dark - .notion-calendar-view - .notion-collection_view-block[style*='background: rgb(47, 52, 55)'], -.notion-body:not(.dark) - .notion-calendar-view - .notion-collection_view-block[style*='background: white'], -.notion-body.dark - .notion-overlay-container.notion-default-overlay-container - > :nth-child(3) - > div - > :nth-child(2)[style*='background: rgb(47, 52, 55)'], -.notion-body:not(.dark) - .notion-overlay-container.notion-default-overlay-container - > :nth-child(3) - > div - > :nth-child(2)[style*='background: white'], -.notion-overlay-container.notion-default-overlay-container - > :nth-child(2) - > div - > :nth-child(2) - > div - > :nth-child(2) - > div[style*='background-color'] { - background: var(--theme--page) !important; -} -.notion-timeline-view [style*='background-image: linear-gradient'][style*='to right'] { - background: linear-gradient(to right, var(--theme--page) 20%, transparent 100%) !important; -} -.notion-timeline-view [style*='background-image: linear-gradient'][style*='to left'] { - background: linear-gradient(to left, var(--theme--page) 20%, transparent 100%) !important; -} - -.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) - > div - > :nth-child(2) - > div - > :nth-child(2) - > div - > div - > :nth-child(2) - > table - td[style*='background: rgb(55, 60, 63)'], -.notion-body:not(.dark) - .notion-overlay-container.notion-default-overlay-container - > :nth-child(2) - > div - > :nth-child(2) - > div - > :nth-child(2) - > div - > div - > :nth-child(2) - > table - td[style*='background: rgb(247, 246, 243)'], -.notion-body.dark - .notion-overlay-container.notion-default-overlay-container - > :nth-child(2) - > div - > :nth-child(2) - > div - > :nth-child(1)[style*='background: rgb(55, 60, 63)'], -.notion-body:not(.dark) - .notion-overlay-container.notion-default-overlay-container - > :nth-child(2) - > div - > :nth-child(2) - > div - > :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 - > .notion-sidebar-container - > div - > div - > div - > :nth-child(1)[style*='background'] { - background: var(--theme--sidebar_popout) !important; -} - -.notion-overlay-container.notion-default-overlay-container - > :nth-child(2) - > div - > :nth-child(2)[style*='background'], -.notion-overlay-container.notion-default-overlay-container - > :nth-child(2) - > div - > :nth-child(2) - > :nth-child(1) - > :nth-child(1) - > :nth-child(3)[style*='background'], -.notion-overlay-container.notion-default-overlay-container - > :nth-child(2) - > div - > :nth-child(2) - > :nth-child(1) - > :nth-child(1) - > :nth-child(4), -.notion-peek-renderer - .notion-table-view - > .notion-collection_view-block - > div[style*='background'], -.notion-peek-renderer - .notion-board-view - > .notion-collection_view-block - > div[style*='background'], -.notion-peek-renderer - .notion-timeline-view - > .notion-collection_view-block - > div[style*='background'], -.notion-peek-renderer - .notion-calendar-view - > .notion-collection_view-block - > div[style*='background']:first-child, -.notion-peek-renderer - .notion-list-view - > .notion-collection_view-block - > div[style*='background'], -.notion-peek-renderer - .notion-gallery-view - > .notion-collection_view-block - > div[style*='background'], -.notion-peek-renderer .notion-timeline-view, -.notion-body.dark - .notion-peek-renderer - .notion-timeline-view - [style*='background: rgb(47, 52, 55)'], -.notion-body:not(.dark) - .notion-peek-renderer - .notion-timeline-view - [style*='background: white'], -.notion-body.dark - .notion-peek-renderer - .notion-calendar-view - .notion-collection_view_page-block[style*='background: rgb(47, 52, 55)'], -.notion-body:not(.dark) - .notion-peek-renderer - .notion-calendar-view - .notion-collection_view_page-block[style*='background: white'], -.notion-body.dark - .notion-peek-renderer - .notion-calendar-view - .notion-collection_view-block[style*='background: rgb(47, 52, 55)'], -.notion-body:not(.dark) - .notion-peek-renderer - .notion-calendar-view - .notion-collection_view-block[style*='background: white'] { - background: var(--theme--preview) !important; -} -.notion-peek-renderer { - background: var(--theme--preview_shadow) !important; -} -.notion-peek-renderer - .notion-timeline-view - [style*='background-image: linear-gradient'][style*='to right'] { - background: linear-gradient( - to right, - var(--theme--preview) 20%, - transparent 100% - ) !important; -} -.notion-peek-renderer - .notion-timeline-view - [style*='background-image: linear-gradient'][style*='to left'] { - background: linear-gradient(to left, var(--theme--preview) 20%, transparent 100%) !important; -} - -.notion-overlay-container.notion-default-overlay-container - > :nth-child(2) - > div - > :nth-child(1)[style*='background'] { - background: var(--theme--quickfind_shadow) !important; -} - -.notion-overlay-container.notion-default-overlay-container - > div - > div - > :nth-child(2) - > div[style*='background'], -.notion-overlay-container.notion-default-overlay-container - > div - > div - > :nth-child(2) - > :nth-child(2) - > div - > div - > div[style*='background']:not([style*='font-size: 12px;']), -.notion-overlay-container.notion-default-overlay-container - > div - > div - > :nth-child(2) - > :nth-child(2) - > div - > div - > div - > div - > footer - > div[style*='background'], -.notion-overlay-container.notion-default-overlay-container - > div - > div - > div - > :nth-child(2) - > div - > div - > div[style*='background']:not([style*='font-size: 12px;']):not([style*='background: transparent']), -.notion-overlay-container.notion-default-overlay-container - > :nth-child(2) - > div - > div - > :nth-child(2) - > div - > div - > div - > div - > footer - > div, -#notion-app - > div - > :nth-child(3) - > :nth-child(2) - > div - > :nth-child(2) - > :nth-child(2) - > div - > div - > div, -#notion-app - > div - > .notion-overlay-container.notion-default-overlay-container - > :nth-child(4) - > div - > :nth-child(2)[style*='background'], -#notion-app - > div - > div.notion-overlay-container.notion-default-overlay-container - > div:nth-child(2) - > div - > div:nth-child(2) - > div:nth-child(2) - > div - > div - > div - > div - > div.notion-scroller.vertical - > div - > div - > div:nth-child(2), -.notion-onboarding-popup { - background: var(--theme--popout) !important; -} - -.notion-text-action-menu [style*='border-bottom: 1px solid'] { - border: 1px solid var(--theme--popout_link_underline) !important; -} - -.notion-body.dark - [style*='box-shadow: rgba(15, 15, 15, 0.2) 0px 0px 0px 1px inset, rgba(15, 15, 15, 0.1) 0px 1px 2px;'], -.notion-body:not(.dark) - [style*='box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px inset, rgba(15, 15, 15, 0.1) 0px 1px 2px;'] { - box-shadow: var(--theme--shadow) !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 - > :nth-child(4) - > div[style*='background-color: rgba(46, 170, 220, 0.2)'] { - background: var(--theme--selected) !important; -} - -[style*=' color: rgb(46, 170, 220)'], -[style^='color: rgb(46, 170, 220)'] { - color: var(--theme--accent) !important; -} -[style*='fill: rgb(46, 170, 220)'] { - fill: var(--theme--accent) !important; -} -[style*='background: rgb(46, 170, 220)'], -[style*='background-color: rgb(46, 170, 220)'] { - background: var(--theme--accent) !important; -} -[style*='box-shadow: rgb(46, 170, 220) 0px 0px 0px 2px inset'] { - box-shadow: var(--theme--accent) 0px 0px 0px 2px inset !important; -} -.notion-focusable:focus-within { - box-shadow: var(--theme--accent) 0px 0px 0px 1px inset, var(--theme--accent) 0px 0px 0px 2px !important; -} -[style*='background: rgb(46, 170, 220)'][style*='color: white'], -[style*='background-color: rgb(46, 170, 220)'][style*='color: white'], -[style*='background: rgb(6, 156, 205)'][style*='color: white'], -[style*='background: rgb(0, 141, 190)'][style*='color: white'] { - color: var(--theme--accent-text) !important; -} -[style*='background: rgb(46, 170, 220)'] [style*='fill: white'], -[style*='background-color: rgb(46, 170, 220)'] [style*='fill: white'], -[style*='background: rgb(6, 156, 205)'] [style*='fill: white'], -[style*='background: rgb(0, 141, 190)'] [style*='fill: white'] { - fill: var(--theme--accent-text) !important; -} -[style*='background: rgba(46, 170, 220, 0.15)'] { - background: var(--theme--accent_semitransparent) !important; -} -[style*='background: rgb(6, 156, 205)'] { - background: var(--theme--accent_button-hover) !important; -} -[style*='background: rgb(0, 141, 190)'] { - background: var(--theme--accent_button-active) !important; -} -.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day--outside:hover, -#notion-app - .DayPicker:not(.DayPicker--interactionDisabled) - .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--value):not(.DayPicker-Day--start):not(.DayPicker-Day--end):hover { - 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, -.notion-board-view .notion-page-block.notion-collection-item > a, -.notion-gallery-view .notion-page-block.notion-collection-item > a, -.notion-calendar-view .notion-page-block.notion-collection-item > a { - background: var(--theme--db_card) !important; -} -.notion-page-block.notion-collection-item > a > [role='button']:hover { - background: var(--theme--db_card-hover) !important; -} -.notion-body.dark - .notion-page-block.notion-collection-item - [style*='background: rgba(255, 255, 255, 0.05)'], -.notion-body:not(.dark) - .notion-page-block.notion-collection-item - [style*='background: rgba(55, 53, 47, 0.024)'] { - background: var(--theme--db_card_preview) !important; -} -.notion-timeline-view > :nth-child(1) > div[style*='background'], -.notion-timeline-view - > :nth-child(3) - > :nth-child(2) - div[style*='background']:not([style*='background: rgb(211, 79, 67)']), -.notion-body.dark - .notion-calendar-view - .notion-collection_view_page-block[style*='background: rgb(55, 60, 63)'], -.notion-body:not(.dark) - .notion-calendar-view - .notion-collection_view_page-block[style*='background: rgb(247, 246, 243)'], -.notion-body.dark - .notion-calendar-view - .notion-collection_view-block[style*='background: rgb(55, 60, 63)'], -.notion-body:not(.dark) - .notion-calendar-view - .notion-collection_view-block[style*='background: rgb(247, 246, 243)'] { - background: var(--theme--db_weekend) !important; -} -.notion-calendar-view-day[style*='background: rgb(235, 87, 87)'], -.DayPicker-Day--today:not(.DayPicker-Day--selected):not(.DayPicker-Day--value):not(.DayPicker-Day--start):not(.DayPicker-Day--end)::after, -.notion-timeline-view [style*='background: rgb(211, 79, 67)'] { - background: var(--theme--db_today) !important; - color: var(--theme--db_today-text) !important; -} -.DayPicker-Day--today:not(.DayPicker-Day--selected):not(.DayPicker-Day--value):not(.DayPicker-Day--start):not(.DayPicker-Day--end) { - color: var(--theme--db_today-text) !important; -} -.notion-timeline-view > :nth-child(1) > div[style*='border-right'] { - border-right: 1px solid var(--theme--timeline_divider_thin) !important; -} -.notion-timeline-view .collectionTimelineArrowLeft, -.notion-timeline-view .collectionTimelineArrowRight { - fill: var(--theme--timeline_arrow) !important; -} -.notion-timeline-view > :nth-child(2) > :not(.notion-timeline-item-row) > div > div { - background: var(--theme--timeline_arrow_box) !important; - border: 1px solid var(--theme--timeline_arrow) !important; -} -.notion-body.dark - .notion-timeline-view - > :nth-child(2) - > :not(.notion-timeline-item-row) - > div - > div[style*='background: rgb(202, 204, 206)'], -.notion-body:not(.dark) - .notion-timeline-view - > :nth-child(2) - > :not(.notion-timeline-item-row) - > div - > div[style*='background: rgba(55, 53, 47, 0.8)'] { - background: var(--theme--timeline_arrow_box-hover) !important; -} - -/* interactive + block ui */ - -.notion-to_do-block .checkboxSquare { - background: var(--theme--checkbox) !important; -} -.notion-to_do-block .checkboxSquare path { - fill: var(--theme--checkbox-text) !important; -} -.notion-to_do-block [role='button']:hover, -.notion-to_do-block [role='button']:hover .checkboxSquare, -.notion-to_do-block [role='button']:hover .check { - background: var(--theme--checkbox-hover) !important; -} -.notion-to_do-block [role='button']:hover .checkboxSquare path, -.notion-to_do-block [role='button']:hover .check polygon { - fill: var(--theme--checkbox-hover-text) !important; -} -.notion-to_do-block [role='button']:not(:hover) .check { - background: var(--theme--checkbox-active) !important; -} -.notion-to_do-block [role='button']:not(:hover) .check polygon { - fill: var(--theme--checkbox-active-text) !important; -} - -[role='button'] - > [style*='height: 14px; width: 26px;'][style*='background: rgb(46, 170, 220)'] { - background: var(--theme--toggle_on) !important; -} -[role='button'] - > [style*='height: 14px; width: 26px;']:not([style*='background: rgb(46, 170, 220)']) { - background: var(--theme--toggle_off) !important; -} -[role='button'] > [style*='height: 14px; width: 26px;'] > [style*='background: white'] { - background: var(--theme--toggle_dot) !important; -} - -.notion-focusable, -.notion-overlay-container.notion-default-overlay-container - > :nth-child(2) - > div - > :nth-child(2) - > :nth-child(2) - > div - > div - > div - > div - > div - > div - > :nth-child(2)[style*='background:'], -.notion-overlay-container.notion-default-overlay-container - > div - > div - > :nth-child(2) - > :nth-child(2) - > div - > div - > div - > div - > div - > :nth-child(1) - > :nth-child(1) - > [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 [style*='box-shadow: rgba(15, 15, 15, 0.2) 0px 0px 0px 1px inset'], -.notion-body:not(.dark) [style*='box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px inset'] { - box-shadow: var(--theme--input-border) 0px 0px 0px 1px inset !important; -} -.notion-overlay-container.notion-default-overlay-container - .notion-scroller.vertical - [style*='display: grid; grid-template-columns:'] - > div - > div:not([style*='background: transparent'])[style*='transition: background 120ms ease-in 0s;']:hover { - background: var(--theme--input_hover-backlight) !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:'], -.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) - > div - > :nth-child(2) - > :nth-child(2) - > div - > div - > div - > div - > :nth-child(1) - > div[style*='min-height: 34px;'], -.notion-overlay-container.notion-default-overlay-container - > :nth-child(4) - > div - > :nth-child(2) - > :nth-child(2) - > div - > div - > div - > div - > :nth-child(1) - > div[style*='min-height: 34px;'] { - background: var(--theme--tag_select) !important; -} - -.notion-image-block [style*='background: rgba(0, 0, 0, 0.6);'], -.notion-bookmark-block [style*='background: rgba(0, 0, 0, 0.6);'] { - background: var(--theme--button_semitransparent) !important; -} - -.notion-body.dark - [role='button'][style*='background: rgb(71, 76, 80)']:not([style*='min-height: 40px']), -.notion-body:not(.dark) [role='button'][style*='background: rgba(55, 53, 47, 0.08)'], -.notion-body.dark - .notion-overlay-container.notion-default-overlay-container - > :nth-child(2) - > div - > :nth-child(2) - > div - > :nth-child(2) - > div - > div - > :nth-child(2) - > table - > tbody - > tr:nth-child(19) - > td:nth-child(1) - > span - > div[style*='background: rgb(71, 76, 80)'], -.notion-body:not(.dark) - .notion-overlay-container.notion-default-overlay-container - > :nth-child(2) - > div - > :nth-child(2) - > div - > :nth-child(2) - > div - > div - > :nth-child(2) - > table - > tbody - > tr:nth-child(19) - > td:nth-child(1) - > span - > div[style*='background: rgba(55, 53, 47, 0.08)'], -.notion-body.dark - .notion-sidebar-container - [role='button'] - > [style*='background: rgb(71, 76, 80)'], -.notion-body:not(.dark) - .notion-sidebar-container - [role='button'] - > [style*='background: rgba(55, 53, 47, 0.08)'] { - background: var(--theme--button-hover) !important; -} -.notion-body.dark [role='button'][style*='background: rgb(63, 68, 71)'], -.notion-body:not(.dark) [role='button'][style*='background: rgba(55, 53, 47, 0.16)'], -.notion-body.dark - .notion-sidebar-container - [role='button'] - > [style*='background: rgb(63, 68, 71)'], -.notion-body:not(.dark) - .notion-sidebar-container - [role='button'] - > [style*='background: rgba(55, 53, 47, 0.16)'] { - background: var(--theme--button-active) !important; -} - -.notion-text-mention-token[style*='color:#EB5757'] { - color: var(--theme--reminder) !important; -} -.notion-text-mention-token[style*='color:#EB5757'] svg { - fill: var(--theme--reminder) !important; -} - -.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]']) - > :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 - > :nth-child(1) - > :nth-child(1) - > :nth-child(3) - > div[style*='background'], -.notion-overlay-container.notion-default-overlay-container - > :nth-child(2) - > div - > :nth-child(2) - > .notion-scroller.vertical - > :nth-child(1) - > :nth-child(1) - > :nth-child(3) - > div, -.notion-selectable.notion-page-block.notion-collection-item - > a - > [role='button'] - > :nth-child(1) - > :nth-child(3) { - background: var(--theme--expand) !important; - color: var(--theme--expand-text) !important; - fill: var(--theme--expand_icon) !important; -} -.notion-body.dark - [role='button'][style*='background: rgb(47, 52, 55)'] - [style*='fill']:not(.plus), -.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):not(.appleLogo), -.notion-cursor-listener - > .notion-frame - > .notion-scroller.vertical.horizontal - > :nth-child(1) - > :nth-child(1) - > :nth-child(3) - > div[style*='background'] - [style*='fill'], -.notion-overlay-container.notion-default-overlay-container - > :nth-child(2) - > div - > :nth-child(2) - > .notion-scroller.vertical - > :nth-child(1) - > :nth-child(1) - > :nth-child(3) - > div - [style*='fill'], -.notion-selectable.notion-page-block.notion-collection-item - > a - > [role='button'] - > :nth-child(1) - > :nth-child(3) - [style*='fill'] { - color: var(--theme--expand-text) !important; - fill: var(--theme--expand_icon) !important; -} - -.notion-body.dark - [role='button'][style*='background: rgb(98, 102, 104)']:not(.notion-help-button), -.notion-body:not(.dark) - [role='button'][style*='background: rgb(239, 239, 238)']:not(.notion-help-button) { - background: var(--theme--expand-hover) !important; -} -.notion-body.dark - [role='button'][style*='background: rgb(120, 123, 123)']:not(.notion-help-button), -.notion-body:not(.dark) - [role='button'][style*='background: rgb(223, 223, 222)']:not(.notion-help-button) { - background: var(--theme--expand-active) !important; -} - -.notion-collection-item - [role='button'] - > div - > [style*='font-weight: 500; border-bottom: 1px solid'], -.notion-divider-block > div > [style*='border-bottom: 1px solid'] { - border-bottom: 1px solid var(--theme--divider) !important; -} -.notion-collection_view-block - > [style*='height: 44px; z-index: 82; display: flex; width: 100%; border-top: 1px solid'], -.notion-collection_view_page-block - > [style*='height: 44px; z-index: 82; display: flex; width: 100%; border-top: 1px solid'], -.notion-collection_view-block[style*='border-top: 1px solid'], -.notion-collection_view_page-block[style*='border-top: 1px solid'] { - border-top: 1px solid var(--theme--divider) !important; -} -.notion-body.dark [style*='height: 1px;'][style*='background: rgba(255, 255, 255, 0.07);'], -.notion-body.dark [style*='width: 4px; height: 100%; background: rgba(255, 255, 255, 0.14);'], -.notion-body:not(.dark) [style*='height: 1px;'][style*='background: rgba(55, 53, 47, 0.09);'], -.notion-body:not(.dark) - [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, var(--theme--divider) 0px 1px 0px !important; -} -.notion-calendar-view > .notion-collection_view-block > :first-child, -.notion-calendar-view > .notion-collection_view_page-block > :first-child { - box-shadow: var(--theme--divider) 0px 1px 0px inset !important; -} -.notion-calendar-view > .notion-collection_view-block > :nth-child(3), -.notion-calendar-view > .notion-collection_view_page-block > :nth-child(3) { - box-shadow: var(--theme--divider) -1px 0px 0px !important; -} -.notion-calendar-header-days { - box-shadow: var(--theme--divider) 0px 1px 0px !important; -} -.notion-calendar-view [style*='border-right: 1px solid'], -.notion-table-view [style*='border-right: 1px solid'] { - border-right: 1px solid var(--theme--divider) !important; -} -.notion-calendar-view [style*='border-left: 1px solid'], -.notion-table-view [style*='border-left: 1px solid'] { - border-left: 1px solid var(--theme--divider) !important; -} -.notion-calendar-view [style*='border-top: 1px solid'], -.notion-table-view [style*='border-top: 1px solid'] { - border-top: 1px solid var(--theme--divider) !important; -} -.notion-calendar-view [style*='border-bottom: 1px solid'], -.notion-table-view [style*='border-bottom: 1px solid'] { - border-bottom: 1px solid var(--theme--divider) !important; -} -.notion-table-view .notion-collection-item:last-child { - border-bottom: none !important; -} -.notion-gallery-view > div > :last-child { - box-shadow: var(--theme--divider) 0px 0px 0px 1px inset !important; -} -.notion-body.dark [style*='border-top: 1px solid rgba(255, 255, 255, 0.14);'], -.notion-body.dark [style*='border-top: 1px solid rgba(255, 255, 255, 0.07);'], -.notion-body:not(.dark) [style*='border-top: 1px solid rgba(55, 53, 47, 0.06)'], -.notion-body:not(.dark) [style*='border-top: 1px solid rgba(55, 53, 47, 0.09);'], -.notion-body:not(.dark) [style*='border-top: 1px solid rgba(55, 53, 47, 0.16);'] { - border-top: 1px solid var(--theme--divider) !important; -} -.notion-body.dark [style*='border-bottom: 1px solid rgba(255, 255, 255, 0.14);'], -.notion-body.dark [style*='border-bottom: 1px solid rgba(255, 255, 255, 0.07);'], -.notion-body.dark [style*='border-bottom: 0.05em solid rgba(255,255,255,0.3);'], -.notion-body:not(.dark) [style*='border-bottom: 1px solid rgba(55, 53, 47, 0.16);'], -.notion-body:not(.dark) [style*='border-bottom: 1px solid rgba(55, 53, 47, 0.09);'], -.notion-body:not(.dark) [style*='border-bottom:0.05em solid rgba(55,53,47,0.25);'] { - border-bottom: 1px solid var(--theme--divider) !important; -} -.notion-body.dark [style*='border-left: 1px solid rgba(255, 255, 255, 0.14);'], -.notion-body.dark [style*='border-left: 1px solid rgba(255, 255, 255, 0.07);'], -.notion-body:not(.dark) [style*='border-left: 1px solid rgba(55, 53, 47, 0.06)'], -.notion-body:not(.dark) [style*='border-left: 1px solid rgba(55, 53, 47, 0.09);'], -.notion-body:not(.dark) [style*='border-left: 1px solid rgba(55, 53, 47, 0.16);'] { - border-left: 1px solid var(--theme--divider) !important; -} -.notion-body.dark [style*='border-right: 1px solid rgba(255, 255, 255, 0.14);'], -.notion-body.dark [style*='border-right: 1px solid rgba(255, 255, 255, 0.07);'], -.notion-body:not(.dark) [style*='border-right: 1px solid rgba(55, 53, 47, 0.06)'], -.notion-body:not(.dark) [style*='border-right: 1px solid rgba(55, 53, 47, 0.09);'], -.notion-body:not(.dark) [style*='border-right: 1px solid rgba(55, 53, 47, 0.16);'] { - border-right: 1px solid var(--theme--divider) !important; -} -.notion-body.dark [style*='border: 1px solid rgba(255, 255, 255, 0.14);'], -.notion-body.dark [style*='border: 1px solid rgba(255, 255, 255, 0.07);'], -.notion-body:not(.dark) [style*='border: 1px solid rgba(55, 53, 47, 0.09)'], -.notion-body:not(.dark) [style*='border: 1px solid rgba(55, 53, 47, 0.16);'] { - border: 1px solid var(--theme--divider) !important; -} -.notion-body.dark [style*='border-color: rgba(255, 255, 255, 0.07);'], -.notion-body.dark [style*='border-color:rgba(255,255,255,0.4);'], -.notion-body:not(.dark) [style*='border-color:rgba(55,53,47,0.4);'], -.notion-body:not(.dark) [style*='border-color: rgba(55, 53, 47, 0.09);'], -.notion-body:not(.dark) [style*='border-color: rgba(55, 53, 47, 0.06);'] { - border-color: var(--theme--divider) !important; -} -.notion-body.dark [style*='box-shadow: rgba(255, 255, 255, 0.07) 0px -1px 0px;'], -.notion-body:not(.dark) [style*='box-shadow: rgba(55, 53, 47, 0.09) 0px -1px 0px;'] { - box-shadow: var(--theme--divider) 0px -1px 0px !important; -} -.notion-body.dark [style*='box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px;'], -.notion-body:not(.dark) [style*='box-shadow: rgba(55, 53, 47, 0.09) 0px 1px 0px;'] { - box-shadow: var(--theme--divider) 0px 1px 0px !important; -} -.notion-overlay-container.notion-default-overlay-container - > :nth-child(2) - > div - > :nth-child(2) - > :nth-child(2) - > div - > div - > div - > div - > div - > div - > .notion-record-icon.notranslate { - 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'] { - background: var(--theme--reposition_cover) !important; - color: var(--theme--reposition_cover-text) !important; -} -.notion-block-resizer > div > div { - background: var(--theme--resizer) !important; - border: 1px solid var(--theme--resizer-border) !important; -} -.notion-block-resizer > div > svg { - fill: var(--theme--resizer) !important; - stroke: var(--theme--resizer-border) !important; -} - -.notion-overlay-container.notion-default-overlay-container - > div - > div - > div - > :nth-child(2) - > div - > div - > div[style*='background'][style*='font-size: 12px;'] { - background: var(--theme--tooltip) !important; - color: var(--theme--tooltip-text) !important; -} -.notion-overlay-container.notion-default-overlay-container - > div - > div - > div - > :nth-child(2) - > div - > div - > div[style*='background'][style*='font-size: 12px;'] - [style^='color:'] { - color: var(--theme--tooltip-text_grey) !important; -} - -.notion-help-button { - background: var(--theme--help) !important; -} -.notion-help-button:hover { - background: var(--theme--help-hover) !important; -} - -.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);']: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; -} - -/** scrollbars **/ - -::-webkit-scrollbar-track { - background: var(--theme--scrollbar_track) !important; -} -::-webkit-scrollbar-corner { - background: var(--theme--scrollbar_track) !important; -} -::-webkit-scrollbar-thumb { - background: var(--theme--scrollbar_thumb) !important; -} -::-webkit-scrollbar-thumb:hover { - background: var(--theme--scrollbar_thumb-hover) !important; -} - -/** typography **/ - -[style*='Segoe UI'] { - font-family: var(--theme--font_sans) !important; -} -[style*='Georgia'] { - font-family: var(--theme--font_serif) !important; -} -[style*='iawriter-mono'] { - font-family: var(--theme--font_mono) !important; -} -[style*='SFMono-Regular'] { - font-family: var(--theme--font_code) !important; -} -.notion-selectable.notion-quote-block div[spellcheck='true'] { - font-family: var(--theme--font_quote) !important; -} -[placeholder='Heading 1'], -[placeholder='Heading 2'], -[placeholder='Heading 3'] { - font-family: var(--theme--font_headings) !important; -} - -[style*='font-size: 40px'] { - font-size: var(--theme_dark--font_title-size) !important; -} -[placeholder='Heading 1'] { - font-size: var(--theme_dark--font_heading1-size) !important; -} -[placeholder='Heading 2'] { - font-size: var(--theme_dark--font_heading2-size) !important; -} -[placeholder='Heading 3'] { - font-size: var(--theme_dark--font_heading3-size) !important; -} -[style*='font-size: 16px'] { - font-size: var(--theme_dark--font_body-size) !important; -} -[style*='font-size: 1.2em'] { - font-size: var(--theme_dark--font_quote-size) !important; -} -[style*='font-size: 85%'], -[style*='font-size:85%'] { - font-size: var(--theme_dark--font_code-size) !important; -} -[style*='font-size: 14px'] { - font-size: var(--theme_dark--font_ui-size) !important; -} -[style*='font-size: 11.5px'] { - /* sidebar titles, block copy & caption buttons */ - font-size: var(--theme_dark--font_ui_small-size) !important; -} -[style*='font-size: 11px'] { - font-size: var(--theme_dark--font_popout_title-size) !important; -} -[style*='font-size: 12px'] { - font-size: var(--theme_dark--font_description-size) !important; -} -[style*='font-size: 16.8px'] { - font-size: var(--theme_dark--font_callout_icon-size) !important; -} -[style*='font-size: 20px'] { - font-size: var(--theme_dark--font_help_icon-size) !important; -} - -.notion-page-content .notion-selectable.notion-text-block { - line-height: var(--theme--text_block-line_height) !important; - margin-top: var(--theme--text_block-margin_top) !important; -} - -.notion-body.dark [style*='fill: rgba(202, 204, 206, 0.6);'], -.notion-body:not(.dark) [style*='fill: rgba(55, 53, 47, 0.4);'] { - fill: var(--theme--icon) !important; -} -.notion-body.dark [style*='fill: rgb(202, 204, 206);'], -.notion-body:not(.dark) [style*='fill: rgba(55, 53, 47, 0.8);'] { - fill: var(--theme--icon_topbar) !important; -} - -.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) :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; -} -.notion-body.dark [style*='caret-color: rgba(255, 255, 255, 0.9);'], -.notion-body:not(.dark) [style*='caret-color: rgb(55, 53, 47);'] { - caret-color: var(--theme--text) !important; -} -[role='button'][style*='color: rgb(165, 165, 165);'], -.notion-body.dark [style*='color: rgba(255, 255, 255, 0.6);'], -.notion-body:not(.dark) [style*='color: rgba(55, 53, 47, 0.6);'] { - color: var(--theme--text_property) !important; -} -.notion-body.dark [style*='color: rgba(255, 255, 255, 0.4);'], -.notion-body:not(.dark) [style*='color: rgba(55, 53, 47, 0.4);'] { - color: var(--theme--text_placeholder) !important; - -webkit-text-fill-color: var(--theme--text_placeholder) !important; -} -.notion-body.dark [style*='fill: rgba(202, 204, 206, 0.4);'], -.notion-body:not(.dark) [style*='fill: rgba(55, 53, 47, 0.3);'], -.notion-body.dark - .notion-overlay-container.notion-default-overlay-container - > div:nth-child(2) - > div - > div:nth-child(2) - > div - > div:nth-child(5) - > svg[style*='fill: white'] { - fill: var(--theme--text_pseudo) !important; -} -.notion-sidebar-container > :first-child { - color: var(--theme--text_sidebar) !important; -} -.notion-sidebar .dots, -.notion-sidebar .plus { - fill: var(--theme--text_sidebar) !important; -} - -/** code **/ - -.notion-page-content [style*='color:#EB5757']:not(.notion-text-mention-token) { - background: var(--theme--code_inline) !important; - color: var(--theme--code_inline-text) !important; -} - -.notion-code-block > div > div { - background: var(--theme--code) !important; -} -.notion-code-block > div { - color: var(--theme--code_plain) !important; -} - -/** colours **/ - -.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--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)'], -.notion-body.dark [style*='color: rgba(255, 255, 255, 0.6); fill: rgba(255, 255, 255, 0.6);'], -.notion-body:not(.dark) [style*='color:rgb(155,154,151)'], -.notion-body:not(.dark) [style*='color: rgba(55, 53, 47, 0.6); fill: rgba(55, 53, 47, 0.6);'] { - 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--highlight_grey) !important; -} -.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(69,75,78)'], -.notion-body:not(.dark) - [style*='color: inherit'] - > div - > div - > [style*='background:rgb(235,236,237)'] { - color: var(--theme--highlight_grey-text) !important; -} -.notion-body.dark [style*='color:rgba(151,154,155,0.95)'] [style*='background:rgb(69,75,78)'], -.notion-body.dark - [style*='color: rgba(255, 255, 255, 0.6); fill: rgba(255, 255, 255, 0.6);'] - [style*='background:rgb(69,75,78)'], -.notion-body:not(.dark) - [style*='color:rgb(155,154,151)'] - [style*='background:rgb(235,236,237)'], -.notion-body:not(.dark) - [style*='color: rgba(55, 53, 47, 0.6); fill: rgba(55, 53, 47, 0.6);'] - [style*='background:rgb(235,236,237)'] { - background: var(--theme--highlight_grey) !important; - color: var(--theme--text_grey) !important; - fill: var(--theme--text_grey) !important; -} -.notion-body.dark [style*='background: rgb(69, 75, 78)'], -.notion-body:not(.dark) [style*='background: rgb(235, 236, 237)'] { - background: var(--theme--block_grey) !important; - color: var(--theme--block_grey-text) !important; -} -.notion-body.dark [style*='background: rgba(151, 154, 155, 0.5)'], -.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] { - background: var(--theme--tag_grey) !important; - color: var(--theme--tag_grey-text) !important; -} -.notion-body.dark [style*='background: rgba(69, 75, 78, 0.3)'], -.notion-body:not(.dark) [style*='background: rgba(235, 236, 237, 0.3)'] { - background: var(--theme--callout_grey) !important; - color: var(--theme--callout_grey-text) !important; -} - -.notion-body.dark [style*='color:rgb(147,114,100)'], -.notion-body.dark [style*='color: rgb(147, 114, 100); fill: rgb(147, 114, 100);'], -.notion-body:not(.dark) [style*='color:rgb(100,71,58)'], -.notion-body:not(.dark) [style*='color: rgb(100, 71, 58); fill: rgb(100, 71, 58);'] { - 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--highlight_brown) !important; -} -.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(67,64,64)'], -.notion-body:not(.dark) - [style*='color: inherit'] - > div - > div - > [style*='background:rgb(233,229,227)'] { - color: var(--theme--highlight_brown-text) !important; -} -.notion-body.dark [style*='color:rgb(147,114,100)'] [style*='background:rgb(67,64,64)'], -.notion-body.dark - [style*='color: rgb(147, 114, 100); fill: rgb(147, 114, 100);'] - [style*='background:rgb(67,64,64)'], -.notion-body:not(.dark) [style*='color:rgb(100,71,58)'] [style*='background:rgb(233,229,227)'], -.notion-body:not(.dark) - [style*='color: rgb(100, 71, 58); fill: rgb(100, 71, 58);'] - [style*='background:rgb(233,229,227)'] { - background: var(--theme--highlight_brown) !important; - color: var(--theme--text_brown) !important; - fill: var(--theme--text_brown) !important; -} -.notion-body.dark [style*='background: rgb(67, 64, 64)'], -.notion-body:not(.dark) [style*='background: rgb(233, 229, 227)'] { - background: var(--theme--block_brown) !important; - color: var(--theme--block_brown-text) !important; -} -.notion-body.dark [style*='background: rgba(147, 114, 100, 0.5)'], -.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] { - background: var(--theme--tag_brown) !important; - color: var(--theme--tag_brown-text) !important; -} -.notion-body.dark [style*='background: rgba(67, 64, 64, 0.3)'], -.notion-body:not(.dark) [style*='background: rgba(233, 229, 227, 0.3)'] { - background: var(--theme--callout_brown) !important; - color: var(--theme--callout_brown-text) !important; -} - -.notion-body.dark [style*='color:rgb(255,163,68)'], -.notion-body.dark [style*='color: rgb(255, 163, 68); fill: rgb(255, 163, 68);'], -.notion-body:not(.dark) [style*='color:rgb(217,115,13)'], -.notion-body:not(.dark) [style*='color: rgb(217, 115, 13); fill: rgb(217, 115, 13);'] { - 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--highlight_orange) !important; -} -.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(89,74,58)'], -.notion-body:not(.dark) - [style*='color: inherit'] - > div - > div - > [style*='background:rgb(250,235,221)'] { - color: var(--theme--highlight_orange-text) !important; -} -.notion-body.dark [style*='color:rgb(255,163,68)'] [style*='background:rgb(89,74,58)'], -.notion-body.dark - [style*='color: rgb(255, 163, 68); fill: rgb(255, 163, 68);'] - [style*='background:rgb(89,74,58)'], -.notion-body:not(.dark) - [style*='color:rgb(217,115,13)'] - [style*='background:rgb(250,235,221)'], -.notion-body:not(.dark) - [style*='color: rgb(217, 115, 13); fill: rgb(217, 115, 13);'] - [style*='background:rgb(250,235,221)'] { - background: var(--theme--highlight_orange) !important; - color: var(--theme--text_orange) !important; - fill: var(--theme--text_orange) !important; -} -.notion-body.dark [style*='background: rgb(89, 74, 58)'], -.notion-body:not(.dark) [style*='background: rgb(250, 235, 221)'] { - background: var(--theme--block_orange) !important; - color: var(--theme--block_orange-text) !important; -} -.notion-body.dark [style*='background: rgba(255, 163, 68, 0.5)'], -.notion-body:not(.dark) [style*='background: rgba(245, 93, 0, 0.2)'] { - background: var(--theme--tag_orange) !important; - color: var(--theme--tag_orange-text) !important; -} -.notion-body.dark [style*='background: rgba(89, 74, 58, 0.3)'], -.notion-body:not(.dark) [style*='background: rgba(250, 235, 221, 0.3)'] { - background: var(--theme--callout_orange) !important; - color: var(--theme--callout_orange-text) !important; -} - -.notion-body.dark [style*='color:rgb(255,220,73)'], -.notion-body.dark [style*='color: rgb(255, 220, 73); fill: rgb(255, 220, 73);'], -.notion-body:not(.dark) [style*='color:rgb(223,171,1)'], -.notion-body:not(.dark) [style*='color: rgb(223, 171, 1); fill: rgb(223, 171, 1);'] { - 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--highlight_yellow) !important; -} -.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(89,86,59)'], -.notion-body:not(.dark) - [style*='color: inherit'] - > div - > div - > [style*='background:rgb(251,243,219)'] { - color: var(--theme--highlight_yellow-text) !important; -} -.notion-body.dark [style*='color:rgb(255,220,73)'] [style*='background:rgb(89,86,59)'], -.notion-body.dark - [style*='color: rgb(255, 220, 73); fill: rgb(255, 220, 73);'] - [style*='background:rgb(89,86,59)'], -.notion-body:not(.dark) [style*='color:rgb(223,171,1)'] [style*='background:rgb(251,243,219)'], -.notion-body:not(.dark) - [style*='color: rgb(223, 171, 1); fill: rgb(223, 171, 1);'] - [style*='background:rgb(251,243,219)'] { - background: var(--theme--highlight_yellow) !important; - color: var(--theme--text_yellow) !important; - fill: var(--theme--text_yellow) !important; -} -.notion-body.dark [style*='background: rgb(89, 86, 59)'], -.notion-body:not(.dark) [style*='background: rgb(251, 243, 219)'] { - background: var(--theme--block_yellow) !important; - color: var(--theme--block_yellow-text) !important; -} -.notion-body.dark [style*='background: rgba(255, 220, 73, 0.5)'], -.notion-body:not(.dark) [style*='background: rgba(233, 168, 0, 0.2)'] { - background: var(--theme--tag_yellow) !important; - color: var(--theme--tag_yellow-text) !important; -} -.notion-body.dark [style*='background: rgba(89, 86, 59, 0.3)'], -.notion-body:not(.dark) [style*='background: rgba(251, 243, 219, 0.3)'] { - background: var(--theme--callout_yellow) !important; - color: var(--theme--callout_yellow-text) !important; -} - -.notion-body.dark [style*='color:rgb(77,171,154)'], -.notion-body.dark [style*='color: rgb(77, 171, 154); fill: rgb(77, 171, 154);'], -.notion-body:not(.dark) [style*='color:rgb(15,123,108)'], -.notion-body:not(.dark) [style*='color: rgb(15, 123, 108); fill: rgb(15, 123, 108);'] { - 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--highlight_green) !important; -} -.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(53,76,75)'], -.notion-body:not(.dark) - [style*='color: inherit'] - > div - > div - > [style*='background:rgb(221,237,234)'] { - color: var(--theme--highlight_green-text) !important; -} -.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(89,86,59)'], -.notion-body:not(.dark) - [style*='color: inherit'] - > div - > div - > [style*='background:rgb(251,243,219)'] { - color: var(--theme--highlight_green-text) !important; -} -.notion-body.dark [style*='color:rgb(77,171,154)'] [style*='background:rgb(53,76,75)'], -.notion-body.dark - [style*='color: rgb(77, 171, 154); fill: rgb(77, 171, 154);'] - [style*='background:rgb(53,76,75)'], -.notion-body:not(.dark) - [style*='color:rgb(15,123,108)'] - [style*='background:rgb(221,237,234)'], -.notion-body:not(.dark) - [style*='color: rgb(15, 123, 108); fill: rgb(15, 123, 108);'] - [style*='background:rgb(221,237,234)'] { - background: var(--theme--highlight_green) !important; - color: var(--theme--text_green) !important; - fill: var(--theme--text_green) !important; -} -.notion-body.dark [style*='background: rgb(53, 76, 75)'], -.notion-body:not(.dark) [style*='background: rgb(221, 237, 234)'] { - background: var(--theme--block_green) !important; - color: var(--theme--block_green-text) !important; -} -.notion-body.dark [style*='background: rgba(77, 171, 154, 0.5)'], -.notion-body:not(.dark) [style*='background: rgba(0, 135, 107, 0.2)'] { - background: var(--theme--tag_green) !important; - color: var(--theme--tag_green-text) !important; -} -.notion-body.dark [style*='background: rgba(53, 76, 75, 0.3)'], -.notion-body:not(.dark) [style*='background: rgba(221, 237, 234, 0.3)'] { - background: var(--theme--callout_green) !important; - color: var(--theme--callout_green-text) !important; -} - -.notion-body.dark [style*='color:rgb(82,156,202)'], -.notion-body.dark [style*='color: rgb(82, 156, 202); fill: rgb(82, 156, 202);'], -.notion-body:not(.dark) [style*='color:rgb(11,110,153)'], -.notion-body:not(.dark) [style*='color: rgb(11, 110, 153); fill: rgb(11, 110, 153);'] { - 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--highlight_blue) !important; -} -.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(54,73,84)'], -.notion-body:not(.dark) - [style*='color: inherit'] - > div - > div - > [style*='background:rgb(221,235,241)'] { - color: var(--theme--highlight_blue-text) !important; -} -.notion-body.dark [style*='color:rgb(82,156,202)'] [style*='background:rgb(54,73,84)'], -.notion-body.dark - [style*='color: rgb(82, 156, 202); fill: rgb(82, 156, 202);'] - [style*='background:rgb(54,73,84)'], -.notion-body:not(.dark) - [style*='color:rgb(11,110,153)'] - [style*='background:rgb(221,235,241)'], -.notion-body:not(.dark) - [style*='color: rgb(11, 110, 153); fill: rgb(11, 110, 153);'] - [style*='background:rgb(221,235,241)'] { - background: var(--theme--highlight_blue) !important; - color: var(--theme--text_blue) !important; - fill: var(--theme--text_blue) !important; -} -.notion-body.dark [style*='background: rgb(54, 73, 84)'], -.notion-body:not(.dark) [style*='background: rgb(221, 235, 241)'] { - background: var(--theme--block_blue) !important; - color: var(--theme--block_blue-text) !important; -} -.notion-body.dark [style*='background: rgba(82, 156, 202, 0.5)'], -.notion-body:not(.dark) [style*='background: rgba(0, 120, 223, 0.2)'] { - background: var(--theme--tag_blue) !important; - color: var(--theme--tag_blue-text) !important; -} -.notion-body.dark [style*='background: rgba(54, 73, 84, 0.3)'], -.notion-body:not(.dark) [style*='background: rgba(221, 235, 241, 0.3)'] { - background: var(--theme--callout_blue) !important; - color: var(--theme--callout_blue-text) !important; -} - -.notion-body.dark [style*='color:rgb(154,109,215)'], -.notion-body.dark [style*='color: rgb(154, 109, 215); fill: rgb(154, 109, 215);'], -.notion-body:not(.dark) [style*='color:rgb(105,64,165)'], -.notion-body:not(.dark) [style*='color: rgb(105, 64, 165); fill: rgb(105, 64, 165);'] { - 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--highlight_purple) !important; -} -.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(68,63,87)'], -.notion-body:not(.dark) - [style*='color: inherit'] - > div - > div - > [style*='background:rgb(234,228,242)'] { - color: var(--theme--highlight_purple-text) !important; -} -.notion-body.dark [style*='color:rgb(154,109,215)'] [style*='background:rgb(68,63,87)'], -.notion-body.dark - [style*='color: rgb(154, 109, 215); fill: rgb(154, 109, 215);'] - [style*='background:rgb(68,63,87)'], -.notion-body:not(.dark) - [style*='color:rgb(105,64,165)'] - [style*='background:rgb(234,228,242)'], -.notion-body:not(.dark) - [style*='color: rgb(105, 64, 165); fill: rgb(105, 64, 165);'] - [style*='background:rgb(234,228,242)'] { - background: var(--theme--highlight_purple) !important; - color: var(--theme--text_purple) !important; - fill: var(--theme--text_purple) !important; -} -.notion-body.dark [style*='background: rgb(68, 63, 87)'], -.notion-body:not(.dark) [style*='background: rgb(234, 228, 242)'] { - background: var(--theme--block_purple) !important; - color: var(--theme--block_purple-text) !important; -} -.notion-body.dark [style*='background: rgba(154, 109, 215, 0.5)'], -.notion-body:not(.dark) [style*='background: rgba(103, 36, 222, 0.2)'] { - background: var(--theme--tag_purple) !important; - color: var(--theme--tag_purple-text) !important; -} -.notion-body.dark [style*='background: rgba(68, 63, 87, 0.3)'], -.notion-body:not(.dark) [style*='background: rgba(234, 228, 242, 0.3)'] { - background: var(--theme--callout_purple) !important; - color: var(--theme--callout_purple-text) !important; -} - -.notion-body.dark [style*='color:rgb(226,85,161)'], -.notion-body.dark [style*='color: rgb(226, 85, 161); fill: rgb(226, 85, 161);'], -.notion-body:not(.dark) [style*='color:rgb(173,26,114)'], -.notion-body:not(.dark) [style*='color: rgb(173, 26, 114); fill: rgb(173, 26, 114);'] { - 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--highlight_pink) !important; -} -.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(83,59,76)'], -.notion-body:not(.dark) - [style*='color: inherit'] - > div - > div - > [style*='background:rgb(244,223,235)'] { - color: var(--theme--highlight_pink-text) !important; -} -.notion-body.dark [style*='color:rgb(226,85,161)'] [style*='background:rgb(83,59,76)'], -.notion-body.dark - [style*='color: rgb(226, 85, 161); fill: rgb(226, 85, 161);'] - [style*='background:rgb(83,59,76)'], -.notion-body:not(.dark) - [style*='color:rgb(173,26,114)'] - [style*='background:rgb(244,223,235)'], -.notion-body:not(.dark) - [style*='color: rgb(173, 26, 114); fill: rgb(173, 26, 114);'] - [style*='background:rgb(244,223,235)'] { - background: var(--theme--highlight_pink) !important; - color: var(--theme--text_pink) !important; - fill: var(--theme--text_pink) !important; -} -.notion-body.dark [style*='background: rgb(83, 59, 76)'], -.notion-body:not(.dark) [style*='background: rgb(244, 223, 235)'] { - background: var(--theme--block_pink) !important; - color: var(--theme--block_pink-text) !important; -} -.notion-body.dark [style*='background: rgba(226, 85, 161, 0.5)'], -.notion-body:not(.dark) [style*='background: rgba(221, 0, 129, 0.2)'] { - background: var(--theme--tag_pink) !important; - color: var(--theme--tag_pink-text) !important; -} -.notion-body.dark [style*='background: rgba(83, 59, 76, 0.3)'], -.notion-body:not(.dark) [style*='background: rgba(244, 223, 235, 0.3)'] { - background: var(--theme--callout_pink) !important; - color: var(--theme--callout_pink-text) !important; -} - -.notion-body.dark [style*='color:rgb(255,115,105)'], -.notion-body.dark [style*='color: rgb(255, 115, 105); fill: rgb(255, 115, 105);'], -.notion-body:not(.dark) [style*='color:rgb(224,62,62)'], -.notion-body:not(.dark) [style*='color: rgb(224, 62, 62); fill: rgb(224, 62, 62);'] { - color: var(--theme--text_red) !important; - fill: var(--theme--text_red) !important; -} -.notion-body.dark [style*='background:rgb(89,65,65)'], -.notion-body:not(.dark) [style*='background:rgb(251,228,228)'] { - background: var(--theme--highlight_red) !important; -} -.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(89,65,65)'], -.notion-body:not(.dark) - [style*='color: inherit'] - > div - > div - > [style*='background:rgb(251,228,228)'] { - color: var(--theme--highlight_red-text) !important; -} -.notion-body.dark [style*='color:rgb(255,115,105)'] [style*='background:rgb(89,65,65)'], -.notion-body.dark - [style*='color: rgb(255, 115, 105); fill: rgb(255, 115, 105);'] - [style*='background:rgb(89,65,65)'], -.notion-body:not(.dark) [style*='color:rgb(224,62,62)'] [style*='background:rgb(251,228,228)'], -.notion-body:not(.dark) - [style*='color: rgb(224, 62, 62); fill: rgb(224, 62, 62);'] - [style*='background:rgb(251,228,228)'] { - background: var(--theme--highlight_red) !important; - color: var(--theme--text_red) !important; - fill: var(--theme--text_red) !important; -} -.notion-body.dark [style*='background: rgb(89, 65, 65)'], -.notion-body:not(.dark) [style*='background: rgb(251, 228, 228)'] { - background: var(--theme--block_red) !important; - color: var(--theme--block_red-text) !important; -} -.notion-body.dark [style*='background: rgba(255, 115, 105, 0.5);'], -.notion-body:not(.dark) [style*='background: rgba(255, 0, 26, 0.2)'] { - background: var(--theme--tag_red) !important; - color: var(--theme--tag_red-text) !important; -} -.notion-body.dark [style*='background: rgba(89, 65, 65, 0.3)'], -.notion-body:not(.dark) [style*='background: rgba(251, 228, 228, 0.3)'] { - background: var(--theme--callout_red) !important; - color: var(--theme--callout_red-text) !important; -} - -/** normalisations **/ - -.notion-frame .notion-scroller [style*='padding-left: 136.5px;'] { - padding-left: 0 !important; -} -.notion-frame .notion-scroller [style*='padding-right: 136.5px;'] { - padding-right: 0 !important; -} -.notion-collection_view-block > :first-child, -.notion-collection_view-block .notion-scroller > :first-child { - padding-left: 0 !important; - padding-right: 0 !important; -} - -.notion-page-content [data-block-id][style*='max-width'] { - max-width: 100% !important; -} -.notion-peek-renderer .notion-page-content [style*='max-width: 943px;'] { - max-width: none !important; -} - -.notion-page-content .notion-collection_view-block[style*=' width'], -.notion-page-content .notion-collection_view-block[style^='width'] { - width: 100% !important; -} -.notion-page-content .notion-collection_view-block [style*='padding-left: 50px'], -.notion-page-content .notion-collection_view-block [style*='padding-left: 96px'], -.notion-page-content .notion-collection_view-block [style*='padding-left: 126px'] { - padding-left: 0 !important; -} -.notion-page-content .notion-collection_view-block [style*='padding-right: 50px'], -.notion-page-content .notion-collection_view-block [style*='padding-right: 96px'], -.notion-page-content .notion-collection_view-block [style*='padding-right: 126px'] { - padding-right: 0 !important; -} -.notion-page-content .notion-collection_view-block [style*='min-width: calc(100% - 192px);'], -.notion-page-content .notion-collection_view-block [style*='min-width: 708px;'] { - min-width: 100% !important; -} - -.notion-calendar-view-day, -.DayPicker-Day--today:not(.DayPicker-Day--selected):not(.DayPicker-Day--value):not(.DayPicker-Day--start):not(.DayPicker-Day--end), -.DayPicker-Day.DayPicker-Day--start.DayPicker-Day--selected, -.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day--outside:hover, -.DayPicker:not(.DayPicker--interactionDisabled) - .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--value):not(.DayPicker-Day--start):not(.DayPicker-Day--end) { - transition: all 200ms ease !important; -} -.notion-token-remove-button { - transition: opacity 200ms ease !important; -} -.notion-to_do-block > div > div > div[style*='background:'] { - transition: background 200ms ease !important; -} - -[style*='background:rgb('] { - padding-bottom: 3px !important; -} - -iframe { - border-radius: 0px !important; -} -.notion-overlay-container.notion-default-overlay-container - > :nth-child(2) - > div - > :nth-child(2) - > :nth-child(2) - > div - > div - > div - > div - > .notion-scroller.vertical - > div - > div - div[style*='transition: background 120ms ease-in 0s;']:not([style*='border-radius:']) { - border-radius: 4px; -} - -.notion-selectable.notion-collection_view-block > [style*='box-shadow: white -3px 0px 0px;'], -.notion-selectable.notion-collection_view_page-block - > [style*='box-shadow: white -3px 0px 0px;'] { - box-shadow: none !important; -} -.notion-body:not(.dark) .notion-code-block [style*='background: rgb(234, 233, 229)'] { - background: transparent !important; -} diff --git a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/mod.json b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/mod.json index 5913eaa..4c70eca 100644 --- a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/mod.json +++ b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/mod.json @@ -14,7 +14,7 @@ ], "css": { "frame": ["variables.css"], - "client": ["variables.css", "prism.css"], + "client": ["variables.css", "prism.css", "theme.css"], "menu": ["variables.css", "prism.css"] } } diff --git a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/theme.css b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/theme.css new file mode 100644 index 0000000..ef6c38a --- /dev/null +++ b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/theme.css @@ -0,0 +1,1065 @@ +/* + * notion-enhancer core: theming + * (c) 2021 dragonwocky (https://dragonwocky.me/) + * (https://notion-enhancer.github.io/) under the MIT license + */ + +/* +inputs (settings, comment, filters, tag picker, etc.) +grey vs text_ui in light mode +tooltips +hover menus +*/ + +/** layout **/ + +.notion-frame .notion-scroller [style*='env(safe-area-inset-'][style*=' width: 900px'], +.notion-frame .notion-scroller [style*='env(safe-area-inset-'][style*=';width: 900px'], +.notion-frame + .notion-scroller + [style*='height: 30vh'] + [style*='pointer-events:'][style*='max-width: 100%; width: 900px'] { + width: var(--theme--page-width) !important; +} +.notion-frame .notion-scroller [style*='env(safe-area-inset-'][style*=' width: 100%'], +.notion-frame + .notion-scroller + [style*='height: 30vh'] + [style*='pointer-events:'][style*='max-width: 100%; width: 100%'] { + width: var(--theme--page-width_full) !important; +} +.notion-frame + [style*='padding-left: calc(96px + env(safe-area-inset-left)); padding-right: calc(96px + env(safe-area-inset-right));'] { + padding-left: var(--theme--page-padding) !important; + padding-right: var(--theme--page-padding) !important; +} +[style^='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 30vh;'], +[style^='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 30vh;'] + img { + height: var(--theme--page_banner-height) !important; +} + +.notion-peek-renderer > :nth-child(2) { + max-width: var(--theme--page_preview-width) !important; +} + +.notion-peek-renderer + .notion-scroller.vertical + [style*='padding-left: calc(126px + env(safe-area-inset-left));'] { + padding-left: var(--theme--page_preview-padding) !important; +} +.notion-peek-renderer + .notion-scroller.vertical + [style*='padding-right: calc(126px + env(safe-area-inset-right));'] { + padding-right: var(--theme--page_preview-padding) !important; +} +.notion-peek-renderer + .notion-scroller.vertical + [style*='margin-left: calc(126px + env(safe-area-inset-left));'] { + margin-left: var(--theme--page_preview-padding) !important; +} +.notion-peek-renderer + .notion-scroller.vertical + [style*='margin-right: calc(126px + env(safe-area-inset-right));'] { + margin-right: var(--theme--page_preview-padding) !important; +} +.notion-peek-renderer .notion-page-content { + padding-left: var(--theme--page_preview-padding) !important; + padding-right: var(--theme--page_preview-padding) !important; + width: 100%; +} +.notion-peek-renderer + .notion-scroller.vertical + [style*='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 20vh;'], +.notion-peek-renderer + .notion-scroller.vertical + [style*='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 20vh;'] + img { + height: var(--theme--page_preview_banner-height) !important; +} + +/* backgrounds */ + +body, +.notion-cursor-listener, +.notion-frame, +.notion-cursor-listener > div > :first-child[style*='z-index: 100;'], +.notion-space-settings > div > div > div:nth-child(2) > div, +.notion-body.dark .notion-collection_view_page-block [style*='background: rgb(47, 52, 55)'], +.notion-body:not(.dark) .notion-collection_view_page-block [style*='background: white'], +.notion-body.dark .notion-collection_view-block [style*='background: rgb(47, 52, 55)'], +.notion-body:not(.dark) .notion-collection_view-block [style*='background: white'], +.notion-body.dark .notion-timeline-view [style*='background: rgb(47, 52, 55)'], +.notion-body:not(.dark) .notion-timeline-view [style*='background: white'], +.notion-updates-menu footer > div[style*='background'], +.notion-peek-renderer > div[style*='background'], +.notion-peek-renderer > div[style*='background'] > :first-child, +.notion-peek-renderer > div[style*='background'] > :first-child > div > :nth-child(3), +:not(.notion-sidebar-container) > div > div > .notion-sidebar > :nth-child(3), +:not(.notion-sidebar-container) > div > div > .notion-sidebar > :nth-child(3) > :nth-child(2) { + background: var(--theme--bg) !important; +} + +.notion-sidebar-container, +.notion-sidebar > [style*='border-top-right-radius'], +.notion-space-settings > div > div > div:first-child { + background: var(--theme--bg_sidebar) !important; +} + +.notion-overlay-container.notion-default-overlay-container + [style*='display: flex'] + > [style*='position: relative; max-width:'][style*='overflow: hidden'], +.notion-overlay-container.notion-default-overlay-container + [style*='display: flex'] + > [style*='position: relative; max-width:'][style*='overflow: hidden'] + footer + > [style*='background-color:'], +.notion-updates-menu > :first-child > div[style*='background'], +#notion-app + > div + > div.notion-overlay-container.notion-default-overlay-container + > div:nth-child(2) + > div + > div:nth-child(2)[style*='margin-bottom: 0px; top: 90px; overflow: hidden; width: 75%;'] { + background: var(--theme--bg_popup) !important; + box-shadow: var(--theme--ui_shadow, rgba(15, 15, 15, 0.05)) 0px 0px 0px 1px, + var(--theme--ui_shadow, rgba(15, 15, 15, 0.1)) 0px 3px 6px, + var(--theme--ui_shadow, rgba(15, 15, 15, 0.2)) 0px 9px 24px !important; +} + +.notion-body.dark .notion-collection_view_page-block [style*='background: rgb(55, 60, 63)'], +.notion-body:not(.dark) + .notion-collection_view_page-block + [style*='background: rgb(247, 246, 243)'], +.notion-body.dark .notion-collection_view-block [style*='background: rgb(55, 60, 63)'], +.notion-body:not(.dark) + .notion-collection_view-block + [style*='background: rgb(247, 246, 243)'], +.notion-body.dark .notion-timeline-view [style*='background: rgb(55, 60, 63)'], +.notion-body:not(.dark) .notion-timeline-view [style*='background: rgb(247, 246, 243)'], +.notion-space-settings + > div + > div + > div:nth-child(2) + table + td[style*='background:']:not([style*='background: transparent']) { + background: var(--theme--bg_table) !important; +} + +/** scrollbars **/ + +::-webkit-scrollbar-track { + background: var(--theme--scrollbar_track) !important; +} +::-webkit-scrollbar-thumb { + background: var(--theme--scrollbar_thumb) !important; +} +::-webkit-scrollbar-thumb:hover { + background: var(--theme--scrollbar_thumb-hover) !important; +} + +/** typography **/ + +[style*='Segoe UI'] { + font-family: var(--theme--font_sans) !important; +} +[style*='Georgia'] { + font-family: var(--theme--font_serif) !important; +} +[style*='iawriter-mono'] { + font-family: var(--theme--font_mono) !important; +} +[style*='SFMono-Regular'] { + font-family: var(--theme--font_code) !important; +} +.notion-selectable.notion-quote-block div[spellcheck='true'] { + font-family: var(--theme--font_quote) !important; +} +[placeholder='Heading 1'], +[placeholder='Heading 2'], +[placeholder='Heading 3'] { + font-family: var(--theme--font_headings) !important; +} + +/** ui **/ + +.notion-page-mention-token.notion-enable-hover:hover { + box-shadow: 0 0 0 3px var(--theme_dark--page_mention_hover) !important; + background: var(--theme_dark--page_mention_hover) !important; +} + +.notion-to_do-block [style*='background: rgb(46, 170, 220);'], +.notion-focusable > [style*='border-radius: 44px;'][style*='background: rgb(46, 170, 220);'] { + background: var(--theme_dark--toggle_on) !important; +} +.notion-body.dark + .notion-focusable + > [style*='border-radius: 44px;'][style*='background: rgba(202, 204, 206, 0.3);'], +.notion-body:not(.dark) + .notion-focusable + > [style*='border-radius: 44px;'][style*='background: rgba(135, 131, 120, 0.3);'] { + background: var(--theme_dark--toggle_off) !important; +} +.notion-to_do-block .checkboxSquare[style*='fill: inherit'], +.notion-to_do-block .check { + fill: var(--theme_dark--toggle_feature) !important; +} +.notion-focusable > [style*='border-radius: 44px;'] > div:empty { + background: var(--theme_dark--toggle_feature) !important; +} + +.notion-body.dark [style*='background: rgb(71, 76, 80);'], +.notion-body:not(.dark) [style*='background: rgba(55, 53, 47, 0.08)'] { + background: var(--theme--ui_interactive-hover) !important; +} +.notion-body.dark .notion-focusable[role='button'][style*='background: rgb(63, 68, 71);'], +.notion-body:not(.dark) + .notion-focusable[role='button'][style*='background: rgba(55, 53, 47, 0.16)'] { + background: var(--theme--ui_interactive-active) !important; +} + +.notion-overlay-container + [style*='border-radius: 3px;'][style*='position: relative; max-width: calc(100vw - 24px); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; overflow: hidden;'][style*='padding: 4px 8px; font-size: 12px; line-height: 1.4; font-weight: 500; white-space: nowrap;'] { + background: var(--theme_dark--tooltip) !important; + box-shadow: var(--theme--ui_shadow, rgb(0 0 0 / 30%)) 0px 1px 4px !important; + color: var(--theme_dark--tooltip-text) !important; +} +.notion-overlay-container + [style*='border-radius: 3px;'][style*='position: relative; max-width: calc(100vw - 24px); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; overflow: hidden;'][style*='padding: 4px 8px; font-size: 12px; line-height: 1.4; font-weight: 500; white-space: nowrap;'] + [style*='color: '] { + color: var(--theme_dark--tooltip-text_grey) !important; +} + +.notion-help-button { + background: var(--theme--tag_default) !important; + box-shadow: var(--theme--ui_shadow, rgba(15, 15, 15, 0.15)) 0px 0px 0px 1px, + var(--theme--ui_shadow, rgba(15, 15, 15, 0.15)) 0px 2px 4px !important; +} + +.notion-body.dark + [style*='border-radius: 20px; box-shadow: rgba(255, 255, 255, 0.07) 0px 0px 0px 2px inset;'], +.notion-body:not(.dark) + [style*='border-radius: 20px; box-shadow: rgba(55, 53, 47, 0.09) 0px 0px 0px 2px inset;'] { + box-shadow: var(--theme--ui_divider) 0px 0px 0px 2px inset !important; +} +.notion-body.dark + [style*='box-shadow: rgba(255, 255, 255, 0.07) 0px 0px 0px 1px inset; border-radius: 3px;'], +.notion-body:not(.dark) + [style*='box-shadow: rgba(55, 53, 47, 0.09) 0px 0px 0px 1px inset; border-radius: 3px;'] { + box-shadow: var(--theme--ui_divider) 0px 0px 0px 1px inset !important; +} + +/** dividers **/ + +.notion-body.dark + [style*='background-image: linear-gradient(to right, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.14) 100%);'], +.notion-body:not(.dark) + [style*='background-image: linear-gradient(to right, rgba(55, 53, 47, 0.16) 0%, rgba(55, 53, 47, 0.16) 100%);'] { + /* link underline */ + background-image: linear-gradient( + to right, + var(--theme--ui_divider) 0%, + var(--theme--ui_divider) 100% + ) !important; +} +.notion-body.dark + .notion-page-content + .notranslate[style*='border-bottom: 1px solid rgba(255, 255, 255, 0.14);'], +.notion-body:not(.dark) + .notion-page-content + .notranslate[style*='border-bottom: 1px solid rgba(55, 53, 47, 0.16);'] { + border-bottom: 1px solid var(--theme--ui_divider) !important; +} + +.notion-body.dark [style*='border-top: 1px solid rgb(77, 81, 83)'], +.notion-body.dark [style*='border-top: 1px solid rgb(63, 66, 69)'], +.notion-body.dark [style*='border-top: 1px solid rgba(255, 255, 255, 0.14);'], +.notion-body.dark [style*='border-top: 1px solid rgba(255, 255, 255, 0.07)'], +.notion-body:not(.dark) [style*='border-top: 1px solid rgb(223, 223, 222)'], +.notion-body:not(.dark) [style*='border-top: 1px solid rgb(237, 237, 236)'], +.notion-body:not(.dark) [style*='border-top: 1px solid rgba(55, 53, 47, 0.09)'], +.notion-body:not(.dark) [style*='border-top: 1px solid rgba(55, 53, 47, 0.16)'] { + border-top: 1px solid var(--theme--ui_divider) !important; +} +.notion-body.dark [style*='border-bottom: 1px solid rgb(77, 81, 83)'], +.notion-body.dark [style*='border-bottom: 1px solid rgb(63, 66, 69)'], +.notion-body.dark [style*='border-bottom: 1px solid rgba(255, 255, 255, 0.14);'], +.notion-body.dark [style*='border-bottom: 1px solid rgba(255, 255, 255, 0.07)'], +.notion-body:not(.dark) [style*='border-bottom: 1px solid rgb(223, 223, 222)'], +.notion-body:not(.dark) [style*='border-bottom: 1px solid rgb(237, 237, 236)'], +.notion-body:not(.dark) [style*='border-bottom: 1px solid rgba(55, 53, 47, 0.09)'], +.notion-body:not(.dark) [style*='border-bottom: 1px solid rgba(55, 53, 47, 0.16)'] { + border-bottom: 1px solid var(--theme--ui_divider) !important; +} +.notion-body.dark [style*='border-right: 1px solid rgb(77, 81, 83)'], +.notion-body.dark [style*='border-right: 1px solid rgb(63, 66, 69)'], +.notion-body.dark [style*='border-right: 1px solid rgba(255, 255, 255, 0.14);'], +.notion-body.dark [style*='border-right: 1px solid rgba(255, 255, 255, 0.07)'], +.notion-body:not(.dark) [style*='border-right: 1px solid rgb(223, 223, 222)'], +.notion-body:not(.dark) [style*='border-right: 1px solid rgb(237, 237, 236)'], +.notion-body:not(.dark) [style*='border-right: 1px solid rgba(55, 53, 47, 0.09)'], +.notion-body:not(.dark) [style*='border-right: 1px solid rgba(55, 53, 47, 0.16)'] { + border-right: 1px solid var(--theme--ui_divider) !important; +} +.notion-body.dark [style*='border-left: 1px solid rgb(77, 81, 83)'], +.notion-body.dark [style*='border-left: 1px solid rgb(63, 66, 69)'], +.notion-body.dark [style*='border-left: 1px solid rgba(255, 255, 255, 0.14);'], +.notion-body.dark [style*='border-left: 1px solid rgba(255, 255, 255, 0.07)'], +.notion-body:not(.dark) [style*='border-left: 1px solid rgb(223, 223, 222)'], +.notion-body:not(.dark) [style*='border-left: 1px solid rgb(237, 237, 236)'], +.notion-body:not(.dark) [style*='border-left: 1px solid rgba(55, 53, 47, 0.09)'], +.notion-body:not(.dark) [style*='border-left: 1px solid rgba(55, 53, 47, 0.16)'] { + border-left: 1px solid var(--theme--ui_divider) !important; +} +.notion-body.dark [style*='border: 1px solid rgb(77, 81, 83)'], +.notion-body.dark [style*='border: 1px solid rgb(63, 66, 69)'], +.notion-body.dark [style*='border: 1px solid rgba(255, 255, 255, 0.14);'], +.notion-body.dark [style*='border: 1px solid rgba(255, 255, 255, 0.07)'], +.notion-body:not(.dark) [style*='border: 1px solid rgb(223, 223, 222)'], +.notion-body:not(.dark) [style*='border: 1px solid rgb(237, 237, 236)'], +.notion-body:not(.dark) [style*='border: 1px solid rgba(55, 53, 47, 0.09)'], +.notion-body:not(.dark) [style*='border: 1px solid rgba(55, 53, 47, 0.16)'] { + border: 1px solid var(--theme--ui_divider) !important; +} +.notion-body.dark [style*='border-color: 1px solid rgb(77, 81, 83)'], +.notion-body.dark [style*='border-color: 1px solid rgb(63, 66, 69)'], +.notion-body.dark [style*='border-color: 1px solid rgba(255, 255, 255, 0.14);'], +.notion-body.dark [style*='border-color: 1px solid rgba(255, 255, 255, 0.07)'], +.notion-body:not(.dark) [style*='border-color: 1px solid rgb(223, 223, 222)'], +.notion-body:not(.dark) [style*='border-color: 1px solid rgb(237, 237, 236)'], +.notion-body:not(.dark) [style*='border-color: 1px solid rgba(55, 53, 47, 0.09)'], +.notion-body:not(.dark) [style*='border-color: 1px solid rgba(55, 53, 47, 0.16)'] { + border-color: var(--theme--ui_divider) !important; +} + +.notion-body.dark [style*='box-shadow: rgb(77, 81, 83) -1px 0px 0px'], +.notion-body.dark [style*='box-shadow: rgba(255, 255, 255, 0.07) -1px 0px 0px'], +.notion-body:not(.dark) [style*='box-shadow: rgb(223, 223, 222) -1px 0px 0px'], +.notion-body:not(.dark) [style*='box-shadow: rgba(55, 53, 47, 0.09) -1px 0px 0px'], +.notion-body.dark [style*='box-shadow: rgb(63, 66, 69) -1px 0px 0px'], +.notion-body:not(.dark) [style*='box-shadow: rgb(237, 237, 236) -1px 0px 0px'] { + box-shadow: var(--theme--ui_divider) -1px 0px 0px !important; +} +.notion-body.dark [style*='box-shadow: rgb(77, 81, 83) 1px 0px 0px'], +.notion-body.dark [style*='box-shadow: rgba(255, 255, 255, 0.07) 1px 0px 0px'], +.notion-body:not(.dark) [style*='box-shadow: rgb(223, 223, 222) 1px 0px 0px'], +.notion-body:not(.dark) [style*='box-shadow: rgba(55, 53, 47, 0.09) 1px 0px 0px'], +.notion-body.dark [style*='box-shadow: rgb(63, 66, 69) 1px 0px 0px'], +.notion-body:not(.dark) [style*='box-shadow: rgb(237, 237, 236) 1px 0px 0px'] { + box-shadow: var(--theme--ui_divider) 1px 0px 0px !important; +} +.notion-body.dark [style*='box-shadow: rgb(77, 81, 83) 0px -1px 0px'], +.notion-body.dark [style*='box-shadow: rgba(255, 255, 255, 0.07) 0px -1px 0px'], +.notion-body:not(.dark) [style*='box-shadow: rgb(223, 223, 222) 0px -1px 0px'], +.notion-body:not(.dark) [style*='box-shadow: rgba(55, 53, 47, 0.09) 0px -1px 0px'], +.notion-body.dark [style*='box-shadow: rgb(63, 66, 69) 0px -1px 0px'], +.notion-body:not(.dark) [style*='box-shadow: rgb(237, 237, 236) 0px -1px 0px'] { + box-shadow: var(--theme--ui_divider) 0px -1px 0px !important; +} +.notion-body.dark [style*='box-shadow: rgb(77, 81, 83) 0px 1px 0px'], +.notion-body.dark [style*='box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px'], +.notion-body:not(.dark) [style*='box-shadow: rgb(223, 223, 222) 0px 1px 0px'], +.notion-body:not(.dark) [style*='box-shadow: rgba(55, 53, 47, 0.09) 0px 1px 0px'], +.notion-body.dark [style*='box-shadow: rgb(63, 66, 69) 0px 1px 0px'], +.notion-body:not(.dark) [style*='box-shadow: rgb(237, 237, 236) 0px 1px 0px'] { + box-shadow: var(--theme--ui_divider) 0px 1px 0px !important; +} + +.notion-body.dark [style*='height: 1px;'][style*='background: rgba(255, 255, 255, 0.07);'], +.notion-body:not(.dark) [style*='height: 1px;'][style*='background: rgba(55, 53, 47, 0.09);'] { + background: var(--theme--ui_divider) !important; +} +.notion-body.dark + [style*='box-shadow: rgb(47, 52, 55) -3px 0px 0px, rgb(77, 81, 83) 0px 1px 0px;'], +.notion-body:not(.dark) + [style*='box-shadow: white -3px 0px 0px, rgb(223, 223, 222) 0px 1px 0px;'] { + box-shadow: var(--theme--ui_divider) 0px 1px 0px !important; +} +.notion-focusable[role='button'][style*='box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px;'] { + box-shadow: var(--theme--ui_divider) 0px 0px 0px 1px !important; +} + +/** colours **/ + +[style*='background: rgb(46, 170, 220)'] { + background: var(--theme--accent_blue) !important; +} +[style*='color: rgb(46, 170, 220)'] { + color: var(--theme--accent_blue) !important; +} +[style*='background-color: rgba(46, 170, 220, 0.'] { + background-color: var(--theme--accent_blue-selection) !important; +} +*::selection { + background: var(--theme--accent_blue-selection, rgba(26, 170, 220, 0.3)) !important; +} +.notion-page-mention-token::selection, +.notion-selectable-halo { + background: var(--theme--accent_blue-selection, rgba(26, 170, 220, 0.2)) !important; +} +.notion-focusable-within:focus-within, +.notion-focusable:focus-visible { + box-shadow: var(--theme--accent_blue-active, rgba(26, 170, 220, 0.7)) 0px 0px 0px 1px inset, + var(--theme--accent_blue-active, rgba(26, 170, 220, 0.4)) 0px 0px 0px 2px !important; +} + +@keyframes pulsing-button-border { + 0% { + border-color: var(--theme--accent_blue) !important; + } + 50% { + border-color: rgba(255, 255, 255, 0) !important; + } + 100% { + border-color: var(--theme--accent_blue) !important; + } +} + +[style*='background: rgb(6, 156, 205);'] { + background: var(--theme--accent_blue-hover) !important; +} +[style*='background: rgb(0, 141, 190);'] { + background: var(--theme--accent_blue-active) !important; +} + +[style*='background-color: rgb(235, 87, 87); height: 28px; width: 28px;'] { + background: var(--theme--accent_red) !important; +} +[style*='background: rgb(235, 87, 87); color: white; border-radius: 3px;']:not([role='button']) { + background: var(--theme--accent_red) !important; + color: var(--theme--accent_red-text) !important; +} +[style*='color: rgb(235, 87, 87); border: 1px solid rgba(235, 87, 87, 0.5);'][role='button'] { + color: var(--theme--accent_red) !important; + border: 1px solid var(--theme--accent_red) !important; +} +.notion-focusable[style*='border-radius: 3px;'][style*='color: rgb(235, 87, 87);'][role='button'], +[style*='font-size: 12px; font-weight: 600; color: rgb(235, 87, 87);'], +[style*='flex-shrink: 0; margin-top: -1px; margin-right: 4px; fill: rgb(235, 87, 87);'] { + color: var(--theme--accent_red) !important; + fill: var(--theme--accent_red) !important; +} +.notion-focusable[style*='border-radius: 3px;'][style*='background: rgba(235, 87, 87, 0.1);'][role='button']:hover { + background: var(--theme--accent_red-hover) !important; +} + +.notion-transclusion_reference-block > div > div > div[style*='border: 2px'] { + border-color: var(--theme--accent_red, #e38676) !important; +} + +.notion-text-mention-token[style*='color:#2EAADC;'] { + color: var(--theme--accent_blue) !important; +} +.notion-text-mention-token[style*='color:#EB5757;'], +.notion-link:hover { + color: var(--theme--accent_red) !important; +} + +.notion-body.dark [style*='fill: rgb(202, 204, 206)'], +.notion-body:not(.dark) [style*='fill: rgba(55, 53, 47, 0.8)'] { + fill: var(--theme--icon) !important; +} +.notion-body.dark [style*='fill: rgba(202, 204, 206, 0.'], +.notion-body.dark [style*='fill: rgba(255, 255, 255, 0.'], +.notion-body:not(.dark) [style*='fill: rgba(25, 23, 17, 0.'], +.notion-body:not(.dark) + [style*='fill: rgba(55, 53, 47, 0.']:not([style*='fill: rgba(55, 53, 47, 0.8)']) { + fill: var(--theme--icon_ui) !important; +} +.alarmClock { + fill: currentColor !important; +} + +.notion-app-inner, +.notion-page-content, +.notion-selectable.notion-page-block .notion-focusable > [style*=';color:'], +.notion-record-icon.notranslate.notion-focusable, +.notion-topbar-share-menu.notion-focusable, +.notion-collection-view-select.notion-focusable, +.notion-body.dark [style*=' color: rgba(255, 255, 255, 0.9);'], +.notion-body.dark [style^='color: rgba(255, 255, 255, 0.9);'], +.notion-body:not(.dark) [style*=' color: rgb(55, 53, 47)'], +.notion-body:not(.dark) [style^='color: rgb(55, 53, 47)'] { + color: var(--theme--text) !important; +} +.notion-body.dark [style*='border-bottom: 2px solid rgba(255, 255, 255, 0.9);'], +.notion-body:not(.dark) [style*='border-bottom: 2px solid rgb(55, 53, 47);'] { + border-bottom: 2px solid var(--theme--text) !important; +} +.notion-body.dark [style*='caret-color: rgba(255, 255, 255, 0.9)'], +.notion-body:not(.dark) [style*='caret-color: rgb(55, 53, 47)'] { + caret-color: var(--theme--text) !important; +} +.notion-body.dark [style*=' color: rgba(255, 255, 255, 0.6)'], +.notion-body.dark [style^='color: rgba(255, 255, 255, 0.6)'], +.notion-body.dark [style^='color:rgba(255, 255, 255, 0.6)'], +.notion-body:not(.dark) [style*=' color: rgba(55, 53, 47, 0.6)'], +.notion-body:not(.dark) [style^='color: rgba(55, 53, 47, 0.6)'], +.notion-body:not(.dark) [style^='color:rgba(55, 53, 47, 0.6)'], +.notion-sidebar-container > [style*='color'] { + color: var(--theme--text_ui) !important; +} +.notion-page-mention-token__title { + border-bottom: 0.05em solid var(--theme--text_decoration) !important; +} +.notion-to_do-block [placeholder='To-do'][style*='text-decoration: line-through'] { + text-decoration: line-through var(--theme--text_decoration) !important; +} +.notion-body.dark [style*=' color: rgba(255, 255, 255, 0.4)'], +.notion-body.dark [style^='color: rgba(255, 255, 255, 0.4)'], +.notion-body:not(.dark) [style*=' color: rgba(55, 53, 47, 0.4)'], +.notion-body:not(.dark) [style^='color: rgba(55, 53, 47, 0.4)'], +.notion-page-controls, +.notion-page-details-controls, +.notion-calendar-view-day { + color: var(--theme--text_decoration) !important; +} +.notion-body.dark [style*='-webkit-text-fill-color: rgba(255, 255, 255, 0.4)'], +.notion-body:not(.dark) [style*='-webkit-text-fill-color: rgba(55, 53, 47, 0.4)'] { + -webkit-text-fill-color: var(--theme--text_decoration) !important; +} +.notion-body.dark [style*='border-color:rgba(255,255,255,0.4)'], +.notion-body:not(.dark) [style*='border-color:rgba(55,53,47,0.4)'] { + border-color: var(--theme--text_decoration) !important; +} + +.notion-body.dark [style*='background: rgb(80, 85, 88)']:not([role='button']), +.notion-body.dark [style*='background-color: rgb(80, 85, 88)']:not([role='button']), +.notion-body:not(.dark) [style*='background: rgba(206, 205, 202, 0.5)']:not([role='button']), +.notion-body:not(.dark) + [style*='background-color: rgba(206, 205, 202, 0.5)']:not([role='button']) { + background: var(--theme--tag_default) !important; + color: var(--theme--tag_default-text) !important; +} + +.notion-body.dark [style*='color:rgba(151,154,155,0.95)'], +.notion-body.dark [style^='color: rgba(255, 255, 255, 0.6)'], +.notion-body.dark [style*=' color: rgba(255, 255, 255, 0.6)'], +.notion-body.dark [style*='color: rgba(151, 154, 155, 0.95)'], +.notion-body:not(.dark) [style*='color:rgb(155,154,151)'], +.notion-body:not(.dark) [style^='color: rgba(55, 53, 47, 0.6)'], +.notion-body:not(.dark) [style*=' color: rgba(55, 53, 47, 0.6)'], +.notion-body:not(.dark) [style*='color: rgb(155, 154, 151)'] { + color: var(--theme--text_grey) !important; + fill: var(--theme--text_grey) !important; +} +.notion-body.dark [style*='fill: rgba(255, 255, 255, 0.6);'], +.notion-body:not(.dark) [style*='fill: rgba(55, 53, 47, 0.6);'] { + fill: var(--theme--text_grey) !important; +} +.notion-body.dark [style*='background:rgb(69,75,78)'], +.notion-body:not(.dark) [style*='background:rgb(235,236,237)'] { + background: var(--theme--highlight_grey) !important; +} +.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(69,75,78)'], +.notion-body:not(.dark) + [style*='color: inherit'] + > div + > div + > [style*='background:rgb(235,236,237)'] { + color: var(--theme--highlight_grey-text) !important; +} +.notion-body.dark [style*='color:rgba(151,154,155,0.95)'] [style*='background:rgb(69,75,78)'], +.notion-body.dark + [style*='color: rgba(255, 255, 255, 0.6); fill: rgba(255, 255, 255, 0.6);'] + [style*='background:rgb(69,75,78)'], +.notion-body:not(.dark) + [style*='color:rgb(155,154,151)'] + [style*='background:rgb(235,236,237)'], +.notion-body:not(.dark) + [style*='color: rgba(55, 53, 47, 0.6); fill: rgba(55, 53, 47, 0.6);'] + [style*='background:rgb(235,236,237)'] { + background: var(--theme--highlight_grey) !important; + color: var(--theme--text_grey) !important; + fill: var(--theme--text_grey) !important; +} +.notion-body.dark [style*='background: rgb(69, 75, 78)'], +.notion-body:not(.dark) [style*='background: rgb(235, 236, 237)'] { + background: var(--theme--block_grey) !important; + color: var(--theme--block_grey-text) !important; +} +.notion-body.dark [style*='background: rgba(151, 154, 155, 0.5)'], +.notion-body.dark [style*='background-color: rgba(151, 154, 155, 0.5)'], +.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'], +.notion-body:not(.dark) [style*='background-color: rgba(140, 46, 0, 0.2)'] { + background: var(--theme--tag_grey) !important; + color: var(--theme--tag_grey-text) !important; +} +.notion-body.dark [style*='background: rgba(69, 75, 78, 0.3)'], +.notion-body:not(.dark) [style*='background: rgba(235, 236, 237, 0.3)'] { + background: var(--theme--callout_grey) !important; + color: var(--theme--callout_grey-text) !important; +} + +.notion-body.dark [style*='color:rgb(147,114,100)'], +.notion-body.dark [style^='color: rgb(147, 114, 100)'], +.notion-body.dark [style*=' color: rgb(147, 114, 100)'], +.notion-body:not(.dark) [style*='color:rgb(100,71,58)'], +.notion-body:not(.dark) [style^='color: rgb(100, 71, 58)'], +.notion-body:not(.dark) [style*=' color: rgb(100, 71, 58)'] { + color: var(--theme--text_brown) !important; + fill: var(--theme--text_brown) !important; +} +.notion-body.dark [style*='fill: rgb(147, 114, 100);'], +.notion-body:not(.dark) [style*='fill: rgb(100, 71, 58);'] { + fill: var(--theme--text_brown) !important; +} +.notion-body.dark [style*='background:rgb(67,64,64)'], +.notion-body:not(.dark) [style*='background:rgb(233,229,227)'] { + background: var(--theme--highlight_brown) !important; +} +.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(67,64,64)'], +.notion-body:not(.dark) + [style*='color: inherit'] + > div + > div + > [style*='background:rgb(233,229,227)'] { + color: var(--theme--highlight_brown-text) !important; +} +.notion-body.dark [style*='color:rgb(147,114,100)'] [style*='background:rgb(67,64,64)'], +.notion-body.dark + [style*='color: rgb(147, 114, 100); fill: rgb(147, 114, 100);'] + [style*='background:rgb(67,64,64)'], +.notion-body:not(.dark) [style*='color:rgb(100,71,58)'] [style*='background:rgb(233,229,227)'], +.notion-body:not(.dark) + [style*='color: rgb(100, 71, 58); fill: rgb(100, 71, 58);'] + [style*='background:rgb(233,229,227)'] { + background: var(--theme--highlight_brown) !important; + color: var(--theme--text_brown) !important; + fill: var(--theme--text_brown) !important; +} +.notion-body.dark [style*='background: rgb(67, 64, 64)'], +.notion-body:not(.dark) [style*='background: rgb(233, 229, 227)'] { + background: var(--theme--block_brown) !important; + color: var(--theme--block_brown-text) !important; +} +.notion-body.dark [style*='background: rgba(147, 114, 100, 0.5)'], +.notion-body.dark [style*='background-color: rgba(147, 114, 100, 0.5)'], +.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'], +.notion-body:not(.dark) [style*='background-color: rgba(140, 46, 0, 0.2)'] { + background: var(--theme--tag_brown) !important; + color: var(--theme--tag_brown-text) !important; +} +.notion-body.dark [style*='background: rgba(67, 64, 64, 0.3)'], +.notion-body:not(.dark) [style*='background: rgba(233, 229, 227, 0.3)'] { + background: var(--theme--callout_brown) !important; + color: var(--theme--callout_brown-text) !important; +} + +.notion-body.dark [style*='color:rgb(255,163,68)'], +.notion-body.dark [style^='color: rgb(255, 163, 68)'], +.notion-body.dark [style*=' color: rgb(255, 163, 68)'], +.notion-body:not(.dark) [style*='color:rgb(217,115,13)'], +.notion-body:not(.dark) [style^='color: rgb(217, 115, 13)'], +.notion-body:not(.dark) [style*=' color: rgb(217, 115, 13)'] { + color: var(--theme--text_orange) !important; + fill: var(--theme--text_orange) !important; +} +.notion-body.dark [style*='fill: rgb(255, 163, 68);'], +.notion-body:not(.dark) [style*='fill: rgb(217, 115, 13);'] { + fill: var(--theme--text_orange) !important; +} +.notion-body.dark [style*='background:rgb(89,74,58)'], +.notion-body:not(.dark) [style*='background:rgb(250,235,221)'] { + background: var(--theme--highlight_orange) !important; +} +.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(89,74,58)'], +.notion-body:not(.dark) + [style*='color: inherit'] + > div + > div + > [style*='background:rgb(250,235,221)'] { + color: var(--theme--highlight_orange-text) !important; +} +.notion-body.dark [style*='color:rgb(255,163,68)'] [style*='background:rgb(89,74,58)'], +.notion-body.dark + [style*='color: rgb(255, 163, 68); fill: rgb(255, 163, 68);'] + [style*='background:rgb(89,74,58)'], +.notion-body:not(.dark) + [style*='color:rgb(217,115,13)'] + [style*='background:rgb(250,235,221)'], +.notion-body:not(.dark) + [style*='color: rgb(217, 115, 13); fill: rgb(217, 115, 13);'] + [style*='background:rgb(250,235,221)'] { + background: var(--theme--highlight_orange) !important; + color: var(--theme--text_orange) !important; + fill: var(--theme--text_orange) !important; +} +.notion-body.dark [style*='background: rgb(89, 74, 58)'], +.notion-body:not(.dark) [style*='background: rgb(250, 235, 221)'] { + background: var(--theme--block_orange) !important; + color: var(--theme--block_orange-text) !important; +} +.notion-body.dark [style*='background: rgba(255, 163, 68, 0.5)'], +.notion-body.dark [style*='background-color: rgba(255, 163, 68, 0.5)'], +.notion-body:not(.dark) [style*='background: rgba(245, 93, 0, 0.2)'], +.notion-body:not(.dark) [style*='background-color: rgba(245, 93, 0, 0.2)'] { + background: var(--theme--tag_orange) !important; + color: var(--theme--tag_orange-text) !important; +} +.notion-body.dark [style*='background: rgba(89, 74, 58, 0.3)'], +.notion-body:not(.dark) [style*='background: rgba(250, 235, 221, 0.3)'] { + background: var(--theme--callout_orange) !important; + color: var(--theme--callout_orange-text) !important; +} + +.notion-body.dark [style*='color:rgb(255,220,73)'], +.notion-body.dark [style^='fill: rgb(255, 220, 73)'], +.notion-body.dark [style*=' fill: rgb(255, 220, 73)'], +.notion-body:not(.dark) [style*='color:rgb(223,171,1)'], +.notion-body:not(.dark) [style^='fill: rgb(223, 171, 1)'], +.notion-body:not(.dark) [style*=' fill: rgb(223, 171, 1)'] { + color: var(--theme--text_yellow) !important; + fill: var(--theme--text_yellow) !important; +} +.notion-body.dark [style*='color: rgb(255, 220, 73);'], +.notion-body:not(.dark) [style*='color: rgb(223, 171, 1);'] { + fill: var(--theme--text_yellow) !important; +} +.notion-body.dark [style*='background:rgb(89,86,59)'], +.notion-body:not(.dark) [style*='background:rgb(251,243,219)'] { + background: var(--theme--highlight_yellow) !important; +} +.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(89,86,59)'], +.notion-body:not(.dark) + [style*='color: inherit'] + > div + > div + > [style*='background:rgb(251,243,219)'] { + color: var(--theme--highlight_yellow-text) !important; +} +.notion-body.dark [style*='color:rgb(255,220,73)'] [style*='background:rgb(89,86,59)'], +.notion-body.dark + [style*='color: rgb(255, 220, 73); fill: rgb(255, 220, 73);'] + [style*='background:rgb(89,86,59)'], +.notion-body:not(.dark) [style*='color:rgb(223,171,1)'] [style*='background:rgb(251,243,219)'], +.notion-body:not(.dark) + [style*='color: rgb(223, 171, 1); fill: rgb(223, 171, 1);'] + [style*='background:rgb(251,243,219)'] { + background: var(--theme--highlight_yellow) !important; + color: var(--theme--text_yellow) !important; + fill: var(--theme--text_yellow) !important; +} +.notion-body.dark [style*='background: rgb(89, 86, 59)'], +.notion-body:not(.dark) [style*='background: rgb(251, 243, 219)'] { + background: var(--theme--block_yellow) !important; + color: var(--theme--block_yellow-text) !important; +} +.notion-body.dark [style*='background: rgba(255, 220, 73, 0.5)'], +.notion-body.dark [style*='background-color: rgba(255, 220, 73, 0.5)'], +.notion-body:not(.dark) [style*='background: rgba(233, 168, 0, 0.2)'], +.notion-body:not(.dark) [style*='background-color: rgba(233, 168, 0, 0.2)'] { + background: var(--theme--tag_yellow) !important; + color: var(--theme--tag_yellow-text) !important; +} +.notion-body.dark [style*='background: rgba(89, 86, 59, 0.3)'], +.notion-body:not(.dark) [style*='background: rgba(251, 243, 219, 0.3)'] { + background: var(--theme--callout_yellow) !important; + color: var(--theme--callout_yellow-text) !important; +} + +.notion-body.dark [style*='color:rgb(77,171,154)'], +.notion-body.dark [style^='color: rgb(77, 171, 154)'], +.notion-body.dark [style*=' color: rgb(77, 171, 154)'], +.notion-body:not(.dark) [style*='color:rgb(15,123,108)'], +.notion-body:not(.dark) [style^='color: rgb(15, 123, 108)'], +.notion-body:not(.dark) [style*=' color: rgb(15, 123, 108)'] { + color: var(--theme--text_green) !important; + fill: var(--theme--text_green) !important; +} +.notion-body.dark [style*='fill: rgb(77, 171, 154);'], +.notion-body:not(.dark) [style*='fill: rgb(15, 123, 108);'] { + fill: var(--theme--text_green) !important; +} +.notion-body.dark [style*='background:rgb(53,76,75)'], +.notion-body:not(.dark) [style*='background:rgb(221,237,234)'] { + background: var(--theme--highlight_green) !important; +} +.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(53,76,75)'], +.notion-body:not(.dark) + [style*='color: inherit'] + > div + > div + > [style*='background:rgb(221,237,234)'] { + color: var(--theme--highlight_green-text) !important; +} +.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(89,86,59)'], +.notion-body:not(.dark) + [style*='color: inherit'] + > div + > div + > [style*='background:rgb(251,243,219)'] { + color: var(--theme--highlight_green-text) !important; +} +.notion-body.dark [style*='color:rgb(77,171,154)'] [style*='background:rgb(53,76,75)'], +.notion-body.dark + [style*='color: rgb(77, 171, 154); fill: rgb(77, 171, 154);'] + [style*='background:rgb(53,76,75)'], +.notion-body:not(.dark) + [style*='color:rgb(15,123,108)'] + [style*='background:rgb(221,237,234)'], +.notion-body:not(.dark) + [style*='color: rgb(15, 123, 108); fill: rgb(15, 123, 108);'] + [style*='background:rgb(221,237,234)'] { + background: var(--theme--highlight_green) !important; + color: var(--theme--text_green) !important; + fill: var(--theme--text_green) !important; +} +.notion-body.dark [style*='background: rgb(53, 76, 75)'], +.notion-body:not(.dark) [style*='background: rgb(221, 237, 234)'] { + background: var(--theme--block_green) !important; + color: var(--theme--block_green-text) !important; +} +.notion-body.dark [style*='background: rgba(77, 171, 154, 0.5)'], +.notion-body.dark [style*='background-color: rgba(77, 171, 154, 0.5)'], +.notion-body:not(.dark) [style*='background: rgba(0, 135, 107, 0.2)'], +.notion-body:not(.dark) [style*='background-color: rgba(0, 135, 107, 0.2)'] { + background: var(--theme--tag_green) !important; + color: var(--theme--tag_green-text) !important; +} +.notion-body.dark [style*='background: rgba(53, 76, 75, 0.3)'], +.notion-body:not(.dark) [style*='background: rgba(221, 237, 234, 0.3)'] { + background: var(--theme--callout_green) !important; + color: var(--theme--callout_green-text) !important; +} + +.notion-body.dark [style*='color:rgb(82,156,202)'], +.notion-body.dark [style^='color: rgb(82, 156, 202)'], +.notion-body.dark [style*=' color: rgb(82, 156, 202)'], +.notion-body:not(.dark) [style*='color:rgb(11,110,153)'], +.notion-body:not(.dark) [style^='color: rgb(11, 110, 153)'], +.notion-body:not(.dark) [style*=' color: rgb(11, 110, 153)'] { + color: var(--theme--text_blue) !important; + fill: var(--theme--text_blue) !important; +} +.notion-body.dark [style*='fill: rgb(82, 156, 202);'], +.notion-body:not(.dark) [style*='fill: rgb(11, 110, 153);'] { + fill: var(--theme--text_blue) !important; +} +.notion-body.dark [style*='background:rgb(54,73,84)'], +.notion-body:not(.dark) [style*='background:rgb(221,235,241)'] { + background: var(--theme--highlight_blue) !important; +} +.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(54,73,84)'], +.notion-body:not(.dark) + [style*='color: inherit'] + > div + > div + > [style*='background:rgb(221,235,241)'] { + color: var(--theme--highlight_blue-text) !important; +} +.notion-body.dark [style*='color:rgb(82,156,202)'] [style*='background:rgb(54,73,84)'], +.notion-body.dark + [style*='color: rgb(82, 156, 202); fill: rgb(82, 156, 202);'] + [style*='background:rgb(54,73,84)'], +.notion-body:not(.dark) + [style*='color:rgb(11,110,153)'] + [style*='background:rgb(221,235,241)'], +.notion-body:not(.dark) + [style*='color: rgb(11, 110, 153); fill: rgb(11, 110, 153);'] + [style*='background:rgb(221,235,241)'] { + background: var(--theme--highlight_blue) !important; + color: var(--theme--text_blue) !important; + fill: var(--theme--text_blue) !important; +} +.notion-body.dark [style*='background: rgb(54, 73, 84)'], +.notion-body:not(.dark) [style*='background: rgb(221, 235, 241)'] { + background: var(--theme--block_blue) !important; + color: var(--theme--block_blue-text) !important; +} +.notion-body.dark [style*='background: rgba(82, 156, 202, 0.5)'], +.notion-body.dark [style*='background-color: rgba(82, 156, 202, 0.5)'], +.notion-body:not(.dark) [style*='background: rgba(0, 120, 223, 0.2)'], +.notion-body:not(.dark) [style*='background-color: rgba(0, 120, 223, 0.2)'] { + background: var(--theme--tag_blue) !important; + color: var(--theme--tag_blue-text) !important; +} +.notion-body.dark [style*='background: rgba(54, 73, 84, 0.3)'], +.notion-body:not(.dark) [style*='background: rgba(221, 235, 241, 0.3)'] { + background: var(--theme--callout_blue) !important; + color: var(--theme--callout_blue-text) !important; +} + +.notion-body.dark [style*='color:rgb(154,109,215)'], +.notion-body.dark [style^='color: rgb(154, 109, 215)'], +.notion-body.dark [style*=' color: rgb(154, 109, 215)'], +.notion-body:not(.dark) [style*='color:rgb(105,64,165)'], +.notion-body:not(.dark) [style^='color: rgb(105, 64, 165)'], +.notion-body:not(.dark) [style*=' color: rgb(105, 64, 165)'] { + color: var(--theme--text_purple) !important; + fill: var(--theme--text_purple) !important; +} +.notion-body.dark [style*='fill: rgb(154, 109, 215);'], +.notion-body:not(.dark) [style*='fill: rgb(105, 64, 165);'] { + fill: var(--theme--text_purple) !important; +} +.notion-body.dark [style*='background:rgb(68,63,87)'], +.notion-body:not(.dark) [style*='background:rgb(234,228,242)'] { + background: var(--theme--highlight_purple) !important; +} +.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(68,63,87)'], +.notion-body:not(.dark) + [style*='color: inherit'] + > div + > div + > [style*='background:rgb(234,228,242)'] { + color: var(--theme--highlight_purple-text) !important; +} +.notion-body.dark [style*='color:rgb(154,109,215)'] [style*='background:rgb(68,63,87)'], +.notion-body.dark + [style*='color: rgb(154, 109, 215); fill: rgb(154, 109, 215);'] + [style*='background:rgb(68,63,87)'], +.notion-body:not(.dark) + [style*='color:rgb(105,64,165)'] + [style*='background:rgb(234,228,242)'], +.notion-body:not(.dark) + [style*='color: rgb(105, 64, 165); fill: rgb(105, 64, 165);'] + [style*='background:rgb(234,228,242)'] { + background: var(--theme--highlight_purple) !important; + color: var(--theme--text_purple) !important; + fill: var(--theme--text_purple) !important; +} +.notion-body.dark [style*='background: rgb(68, 63, 87)'], +.notion-body:not(.dark) [style*='background: rgb(234, 228, 242)'] { + background: var(--theme--block_purple) !important; + color: var(--theme--block_purple-text) !important; +} +.notion-body.dark [style*='background: rgba(154, 109, 215, 0.5)'], +.notion-body.dark [style*='background-color: rgba(154, 109, 215, 0.5)'], +.notion-body:not(.dark) [style*='background: rgba(103, 36, 222, 0.2)'], +.notion-body:not(.dark) [style*='background-color: rgba(103, 36, 222, 0.2)'] { + background: var(--theme--tag_purple) !important; + color: var(--theme--tag_purple-text) !important; +} +.notion-body.dark [style*='background: rgba(68, 63, 87, 0.3)'], +.notion-body:not(.dark) [style*='background: rgba(234, 228, 242, 0.3)'] { + background: var(--theme--callout_purple) !important; + color: var(--theme--callout_purple-text) !important; +} + +.notion-body.dark [style*='color:rgb(226,85,161)'], +.notion-body.dark [style^='color: rgb(226, 85, 161)'], +.notion-body.dark [style*=' color: rgb(226, 85, 161)'], +.notion-body:not(.dark) [style*='color:rgb(173,26,114)'], +.notion-body:not(.dark) [style^='color: rgb(173, 26, 114)'], +.notion-body:not(.dark) [style*=' color: rgb(173, 26, 114)'] { + color: var(--theme--text_pink) !important; + fill: var(--theme--text_pink) !important; +} +.notion-body.dark [style*='fill: rgb(226, 85, 161);'], +.notion-body:not(.dark) [style*='fill: rgb(173, 26, 114);'] { + fill: var(--theme--text_pink) !important; +} +.notion-body.dark [style*='background:rgb(83,59,76)'], +.notion-body:not(.dark) [style*='background:rgb(244,223,235)'] { + background: var(--theme--highlight_pink) !important; +} +.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(83,59,76)'], +.notion-body:not(.dark) + [style*='color: inherit'] + > div + > div + > [style*='background:rgb(244,223,235)'] { + color: var(--theme--highlight_pink-text) !important; +} +.notion-body.dark [style*='color:rgb(226,85,161)'] [style*='background:rgb(83,59,76)'], +.notion-body.dark + [style*='color: rgb(226, 85, 161); fill: rgb(226, 85, 161);'] + [style*='background:rgb(83,59,76)'], +.notion-body:not(.dark) + [style*='color:rgb(173,26,114)'] + [style*='background:rgb(244,223,235)'], +.notion-body:not(.dark) + [style*='color: rgb(173, 26, 114); fill: rgb(173, 26, 114);'] + [style*='background:rgb(244,223,235)'] { + background: var(--theme--highlight_pink) !important; + color: var(--theme--text_pink) !important; + fill: var(--theme--text_pink) !important; +} +.notion-body.dark [style*='background: rgb(83, 59, 76)'], +.notion-body:not(.dark) [style*='background: rgb(244, 223, 235)'] { + background: var(--theme--block_pink) !important; + color: var(--theme--block_pink-text) !important; +} +.notion-body.dark [style*='background: rgba(226, 85, 161, 0.5)'], +.notion-body.dark [style*='background-color: rgba(226, 85, 161, 0.5)'], +.notion-body:not(.dark) [style*='background: rgba(221, 0, 129, 0.2)'], +.notion-body:not(.dark) [style*='background-color: rgba(221, 0, 129, 0.2)'] { + background: var(--theme--tag_pink) !important; + color: var(--theme--tag_pink-text) !important; +} +.notion-body.dark [style*='background: rgba(83, 59, 76, 0.3)'], +.notion-body:not(.dark) [style*='background: rgba(244, 223, 235, 0.3)'] { + background: var(--theme--callout_pink) !important; + color: var(--theme--callout_pink-text) !important; +} + +.notion-body.dark [style*='color:rgb(255,115,105)'], +.notion-body.dark [style^='color: rgb(255, 115, 105)'], +.notion-body.dark [style*=' color: rgb(255, 115, 105)'], +.notion-body:not(.dark) [style*='color:rgb(224,62,62)'], +.notion-body:not(.dark) [style^='color: rgb(224, 62, 62)'], +.notion-body:not(.dark) [style*=' color: rgb(224, 62, 62)'] { + color: var(--theme--text_red) !important; + fill: var(--theme--text_red) !important; +} +.notion-body.dark [style*='fill: rgb(255, 115, 105);'], +.notion-body:not(.dark) [style*='fill: rgb(224, 62, 62);'] { + color: var(--theme--text_red) !important; + fill: var(--theme--text_red) !important; +} +.notion-body.dark [style*='background:rgb(89,65,65)'], +.notion-body:not(.dark) [style*='background:rgb(251,228,228)'] { + background: var(--theme--highlight_red) !important; +} +.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(89,65,65)'], +.notion-body:not(.dark) + [style*='color: inherit'] + > div + > div + > [style*='background:rgb(251,228,228)'] { + color: var(--theme--highlight_red-text) !important; +} +.notion-body.dark [style*='color:rgb(255,115,105)'] [style*='background:rgb(89,65,65)'], +.notion-body.dark + [style*='color: rgb(255, 115, 105); fill: rgb(255, 115, 105);'] + [style*='background:rgb(89,65,65)'], +.notion-body:not(.dark) [style*='color:rgb(224,62,62)'] [style*='background:rgb(251,228,228)'], +.notion-body:not(.dark) + [style*='color: rgb(224, 62, 62); fill: rgb(224, 62, 62);'] + [style*='background:rgb(251,228,228)'] { + background: var(--theme--highlight_red) !important; + color: var(--theme--text_red) !important; + fill: var(--theme--text_red) !important; +} +.notion-body.dark [style*='background: rgb(89, 65, 65)'], +.notion-body:not(.dark) [style*='background: rgb(251, 228, 228)'] { + background: var(--theme--block_red) !important; + color: var(--theme--block_red-text) !important; +} +.notion-body.dark [style*='background: rgba(255, 115, 105, 0.5);'], +.notion-body.dark [style*='background-color: rgba(255, 115, 105, 0.5);'], +.notion-body:not(.dark) [style*='background: rgba(255, 0, 26, 0.2)'], +.notion-body:not(.dark) [style*='background-color: rgba(255, 0, 26, 0.2)'] { + background: var(--theme--tag_red) !important; + color: var(--theme--tag_red-text) !important; +} +.notion-body.dark [style*='background: rgba(89, 65, 65, 0.3)'], +.notion-body:not(.dark) [style*='background: rgba(251, 228, 228, 0.3)'] { + background: var(--theme--callout_red) !important; + color: var(--theme--callout_red-text) !important; +} + +/** code **/ + +.notion-page-content [style*='color:#EB5757']:not(.notion-text-mention-token) { + color: var(--theme--code_inline-text) !important; + background: var(--theme--code_inline) !important; +} + +.notion-code-block > div > div { + background: var(--theme--code) !important; +} +.notion-code-block > div { + color: var(--theme--code_plain) !important; +} diff --git a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables.css b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables.css index 7333688..e52c284 100644 --- a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables.css +++ b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables.css @@ -1,1136 +1,204 @@ /* * notion-enhancer core: theming * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (c) 2020 TarasokUA - * (c) 2020 Arecsu - * (c) 2020 u/zenith_illinois * (c) 2020 admiraldus * (c) 2020 CloudHill * (https://notion-enhancer.github.io/) under the MIT license + * + * (rgb|hsl|#)[^;]+; */ :root { - /** dark **/ + --theme--page-padding: calc(96px + env(safe-area-inset-left)); + --theme--page-width: 900px; + --theme--page-width_full: 100%; + --theme--page_banner-height: 30vh; + --theme--page_preview-padding: 8rem; + --theme--page_preview-width: 977px; + --theme--page_preview_banner-height: 20vh; - --theme_dark--page-width: 900px; - --theme_dark--page_full-width: 100%; - --theme_dark--page-padding: calc(96px + env(safe-area-inset-left)); - --theme_dark--page_banner-height: 30vh; - --theme_dark--preview-width: 977px; - --theme_dark--preview-padding: 8rem; - --theme_dark--preview_banner-height: 20vh; + --theme--bg: rgb(47, 52, 55); + --theme--bg_sidebar: rgb(55, 60, 63); + --theme--bg_popup: rgb(63, 68, 71); + --theme--bg_table: rgb(55, 60, 63); - --theme_dark--dragarea: #272d2f; - --theme_dark--page: rgb(47, 52, 55); - --theme_dark--sidebar: rgb(55, 60, 63); - --theme_dark--sidebar_popout: rgb(55, 60, 63); - --theme_dark--preview: rgb(47, 52, 55); - --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--popout_link_underline: rgba(255, 255, 255, 0.3); - --theme_dark--popout_shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, - rgba(15, 15, 15, 0.2) 0px 3px 6px, rgba(15, 15, 15, 0.4) 0px 9px 24px; - --theme_dark--shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px inset, - rgba(15, 15, 15, 0.1) 0px 1px 2px; - --theme_dark--introduction_overlay: rgba(15, 15, 15, 0.2); + --theme--scrollbar_track: rgba(202, 204, 206, 0.04); + --theme--scrollbar_thumb: #474c50; + --theme--scrollbar_thumb-hover: rgba(202, 204, 206, 0.3); - --theme_dark--selected: rgba(46, 170, 220, 0.2); - --theme_dark--accent: rgb(46, 170, 220); - --theme_dark--accent-text: #fff; - --theme_dark--accent_semitransparent: rgba(46, 170, 220, 0.15); - --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--font_sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, + 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol'; + --theme--font_serif: Lyon-Text, Georgia, YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', + 'Hiragino Mincho Pro', 'Songti TC', 'Songti SC', SimSun, 'Nanum Myeongjo', NanumMyeongjo, + Batang, serif; + --theme--font_mono: iawriter-mono, Nitti, Menlo, Courier, monospace; + --theme--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace; + --theme--font_quote: var(--theme--font_sans); + --theme--font_headings: var(--theme--font_sans); - --theme_dark--db_card: rgb(63, 68, 71); - --theme_dark--db_card-hover: rgb(71, 76, 80); - --theme_dark--db_card_preview: rgba(255, 255, 255, 0.05); - --theme_dark--db_weekend: rgb(55, 60, 63); - --theme_dark--db_today: rgb(235, 87, 87); - --theme_dark--db_today-text: #fff; - --theme_dark--timeline_divider_thin: rgba(255, 255, 255, 0.07); - --theme_dark--timeline_arrow: rgb(47, 52, 55); - --theme_dark--timeline_arrow_box: rgba(202, 204, 206, 0.6); - --theme_dark--timeline_arrow_box-hover: rgb(202, 204, 206); - - --theme_dark--checkbox: transparent; - --theme_dark--checkbox-text: #fff; - --theme_dark--checkbox-hover: rgb(71, 76, 80); - --theme_dark--checkbox-hover-text: #fff; - --theme_dark--checkbox-active: var(--theme_dark--accent); - --theme_dark--checkbox-active-text: #fff; - - --theme_dark--toggle_on: var(--theme_dark--accent); + --theme_dark--daypicker_outside-text: #8b9898; + --theme_dark--page_mention_hover: rgba(148, 148, 148, 0.15); + --theme_dark--toggle_on: rgb(26, 170, 220); --theme_dark--toggle_off: rgba(202, 204, 206, 0.3); - --theme_dark--toggle_dot: #fff; - - --theme_dark--input: rgba(15, 15, 15, 0.3); - --theme_dark--input-border: rgba(15, 15, 15, 0.2); - /* for filter value inputs, other locs. not yet identified */ - --theme_dark--input_hover-backlight: rgb(71, 76, 80); - --theme_dark--input_icon: rgb(202, 204, 206); /* # */ - --theme_dark--filter: rgb(80, 85, 88); - --theme_dark--sub_filter: rgba(255, 255, 255, 0.02); - --theme_dark--tag_select: rgb(55, 60, 63); - /* three-dot menus for images & bookmarks */ - --theme_dark--button_semitransparent: rgba(0, 0, 0, 0.6); - --theme_dark--button-hover: rgb(71, 76, 80); - --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: #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_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); - --theme_dark--resizer-border: rgba(255, 255, 255, 0.9); + --theme_dark--toggle_feature: #fff; --theme_dark--tooltip: rgb(202, 204, 206); --theme_dark--tooltip-text: rgb(15, 15, 15); --theme_dark--tooltip-text_grey: rgba(47, 52, 55, 0.6); - --theme_dark--help: rgb(80, 85, 88); - --theme_dark--help-hover: rgb(98, 102, 104); + --theme--ui_shadow: rgba(15, 15, 15, 0.15); + --theme--ui_divider: rgb(255, 255, 255, 0.07); + --theme--ui_interactive-hover: rgb(71, 76, 80); + --theme--ui_interactive-active: rgb(63, 68, 71); - --theme_dark--settings_danger_button-text: rgb(235, 87, 87); - --theme_dark--settings_danger_button-border: rgba(235, 87, 87, 0.5); - --theme_dark--settings_danger_button-hover: rgba(235, 87, 87, 0.1); + --theme--accent_blue: rgb(46, 170, 220); + --theme--accent_blue-selection: rgb(46, 170, 220, 0.25); + --theme--accent_blue-hover: rgb(6, 156, 205); + --theme--accent_blue-active: rgb(0, 141, 190); + --theme--accent_blue-text: #fff; + --theme--accent_red: #eb5757; + --theme--accent_red-hover: rgba(235, 87, 87, 0.1); + --theme--accent_red-text: #fff; - --theme_dark--scrollbar_track: rgba(202, 204, 206, 0.04); - --theme_dark--scrollbar_thumb: #474c50; - --theme_dark--scrollbar_thumb-hover: rgba(202, 204, 206, 0.3); + --theme--icon: rgba(202, 204, 206); + --theme--icon_ui: rgb(202, 204, 206, 0.6); - --theme_dark--font_sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, - 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol'; - --theme_dark--font_serif: Lyon-Text, Georgia, YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', - 'Hiragino Mincho Pro', 'Songti TC', 'Songti SC', SimSun, 'Nanum Myeongjo', NanumMyeongjo, - Batang, serif; - --theme_dark--font_mono: iawriter-mono, Nitti, Menlo, Courier, monospace; - --theme_dark--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, - monospace; - --theme_dark--font_quote: var(--theme_dark--font_sans); - --theme_dark--font_headings: var(--theme_dark--font_sans); + --theme--text: rgba(255, 255, 255, 0.9); + --theme--text_ui: rgba(255, 255, 255, 0.6); + --theme--text_decoration: rgba(255, 255, 255, 0.4); + --theme--text_grey: rgba(151, 154, 155, 0.95); + --theme--text_brown: rgb(147, 114, 100); + --theme--text_orange: rgb(255, 163, 68); + --theme--text_yellow: rgb(255, 220, 73); + --theme--text_green: rgb(77, 171, 154); + --theme--text_blue: rgb(82, 156, 202); + --theme--text_purple: rgb(154, 109, 215); + --theme--text_pink: rgb(226, 85, 161); + --theme--text_red: rgb(255, 115, 105); - --theme_dark--font_title-size: 40px; - --theme_dark--font_heading1-size: 1.875em; - --theme_dark--font_heading2-size: 1.5em; - --theme_dark--font_heading3-size: 1.25em; - --theme_dark--font_body-size: 16px; - --theme_dark--font_quote-size: 1.2em; - --theme_dark--font_code-size: 85%; - --theme_dark--font_ui-size: 14px; - /* sidebar titles, block copy & caption buttons */ - --theme_dark--font_ui_small-size: 11.5px; - --theme_dark--font_popout_title-size: 11px; - --theme_dark--font_description-size: 12px; - --theme_dark--font_callout_icon-size: 16.8px; - --theme_dark--font_help_icon-size: 20px; + --theme--highlight-text: var(--theme--text); + --theme--highlight_grey: rgb(69, 75, 78); + --theme--highlight_grey-text: var(--theme--highlight-text); + --theme--highlight_brown: rgb(67, 64, 64); + --theme--highlight_brown-text: var(--theme--highlight-text); + --theme--highlight_orange: rgb(89, 74, 58); + --theme--highlight_orange-text: var(--theme--highlight-text); + --theme--highlight_yellow: rgb(89, 86, 59); + --theme--highlight_yellow-text: var(--theme--highlight-text); + --theme--highlight_green: rgb(53, 76, 75); + --theme--highlight_green-text: var(--theme--highlight-text); + --theme--highlight_blue: rgb(54, 73, 84); + --theme--highlight_blue-text: var(--theme--highlight-text); + --theme--highlight_purple: rgb(68, 63, 87); + --theme--highlight_purple-text: var(--theme--highlight-text); + --theme--highlight_pink: rgb(83, 59, 76); + --theme--highlight_pink-text: var(--theme--highlight-text); + --theme--highlight_red: rgb(89, 65, 65); + --theme--highlight_red-text: var(--theme--highlight-text); - --theme_dark--text_block-line_height: 1.5; - --theme_dark--text_block-margin_top: 1px; + --theme--block-text: var(--theme--text); + --theme--block_grey: rgb(69, 75, 78); + --theme--block_grey-text: var(--theme--block-text); + --theme--block_brown: rgb(67, 64, 64); + --theme--block_brown-text: var(--theme--block-text); + --theme--block_orange: rgb(89, 74, 58); + --theme--block_orange-text: var(--theme--block-text); + --theme--block_yellow: rgb(89, 86, 59); + --theme--block_yellow-text: var(--theme--block-text); + --theme--block_green: rgb(53, 76, 75); + --theme--block_green-text: var(--theme--block-text); + --theme--block_blue: rgb(54, 73, 84); + --theme--block_blue-text: var(--theme--block-text); + --theme--block_purple: rgb(68, 63, 87); + --theme--block_purple-text: var(--theme--block-text); + --theme--block_pink: rgb(83, 59, 76); + --theme--block_pink-text: var(--theme--block-text); + --theme--block_red: rgb(89, 65, 65); + --theme--block_red-text: var(--theme--block-text); - --theme_dark--icon: rgba(202, 204, 206, 0.6); - --theme_dark--icon_topbar: rgb(202, 204, 206); - --theme_dark--text: rgba(255, 255, 255, 0.9); - --theme_dark--text_property: rgba(255, 255, 255, 0.6); - --theme_dark--text_placeholder: rgba(255, 255, 255, 0.4); - --theme_dark--text_pseudo: rgba(202, 204, 206, 0.4); - --theme_dark--text_sidebar: rgba(255, 255, 255, 0.6); + --theme--tag-text: var(--theme--text); + --theme--tag_default: rgb(80, 85, 88); + --theme--tag_default-text: var(--theme--tag-text); + --theme--tag_grey: rgba(151, 154, 155, 0.5); + --theme--tag_grey-text: var(--theme--tag-text); + --theme--tag_brown: rgba(147, 114, 100, 0.5); + --theme--tag_brown-text: var(--theme--tag-text); + --theme--tag_orange: rgba(255, 163, 68, 0.5); + --theme--tag_orange-text: var(--theme--tag-text); + --theme--tag_yellow: rgba(255, 220, 73, 0.5); + --theme--tag_yellow-text: var(--theme--tag-text); + --theme--tag_green: rgba(77, 171, 154, 0.5); + --theme--tag_green-text: var(--theme--tag-text); + --theme--tag_blue: rgba(82, 156, 202, 0.5); + --theme--tag_blue-text: var(--theme--tag-text); + --theme--tag_purple: rgba(154, 109, 215, 0.5); + --theme--tag_purple-text: var(--theme--tag-text); + --theme--tag_pink: rgba(226, 85, 161, 0.5); + --theme--tag_pink-text: var(--theme--tag-text); + --theme--tag_red: rgba(255, 115, 105, 0.5); + --theme--tag_red-text: var(--theme--tag-text); - --theme_dark--code_inline: rgba(135, 131, 120, 0.15); - --theme_dark--code_inline-text: #eb5757; + --theme--callout-text: var(--theme--text); + --theme--callout_grey: rgba(69, 75, 78, 0.3); + --theme--callout_grey-text: var(--theme--callout-text); + --theme--callout_brown: rgba(67, 64, 64, 0.3); + --theme--callout_brown-text: var(--theme--callout-text); + --theme--callout_orange: rgba(89, 74, 58, 0.3); + --theme--callout_orange-text: var(--theme--callout-text); + --theme--callout_yellow: rgba(89, 86, 59, 0.3); + --theme--callout_yellow-text: var(--theme--callout-text); + --theme--callout_green: rgba(53, 76, 75, 0.3); + --theme--callout_green-text: var(--theme--callout-text); + --theme--callout_blue: rgba(54, 73, 84, 0.3); + --theme--callout_blue-text: var(--theme--callout-text); + --theme--callout_purple: rgba(68, 63, 87, 0.3); + --theme--callout_purple-text: var(--theme--callout-text); + --theme--callout_pink: rgba(83, 59, 76, 0.3); + --theme--callout_pink-text: var(--theme--callout-text); + --theme--callout_red: rgba(89, 65, 65, 0.3); + --theme--callout_red-text: var(--theme--callout-text); - --theme_dark--code: rgb(63, 68, 71); - --theme_dark--code_plain: var(--theme_dark--text); - --theme_dark--code_property: hsl(350, 40%, 70%); - --theme_dark--code_tag: var(--theme_dark--code_property); - --theme_dark--code_boolean: var(--theme_dark--code_property); - --theme_dark--code_number: var(--theme_dark--code_property); - --theme_dark--code_constant: var(--theme_dark--code_property); - --theme_dark--code_symbol: var(--theme_dark--code_property); - --theme_dark--code_deleted: red; - --theme_dark--code_selector: hsl(75, 70%, 60%); - --theme_dark--code_attr-name: var(--theme_dark--code_selector); - --theme_dark--code_string: var(--theme_dark--code_selector); - --theme_dark--code_char: var(--theme_dark--code_selector); - --theme_dark--code_builtin: var(--theme_dark--code_selector); - --theme_dark--code_inserted: var(--theme_dark--code_selector); - --theme_dark--code_operator: hsl(40, 90%, 60%); - --theme_dark--code_entity: var(--theme_dark--code_operator); - --theme_dark--code_url: var(--theme_dark--code_operator); - --theme_dark--code_variable: var(--theme_dark--code_operator); - --theme_dark--code_comment: hsl(30, 20%, 50%); - --theme_dark--code_cdata: var(--theme_dark--code_comment); - --theme_dark--code_prolog: var(--theme_dark--code_comment); - --theme_dark--code_doctype: var(--theme_dark--code_comment); - --theme_dark--code_atrule: hsl(350, 40%, 70%); - --theme_dark--code_attr-value: var(--theme_dark--code_atrule); - --theme_dark--code_keyword: var(--theme_dark--code_atrule); - --theme_dark--code_regex: #e90; - --theme_dark--code_important: var(--theme_dark--code_regex); - --theme_dark--code_function: var(--theme_dark--code_plain); - --theme_dark--code_class-name: var(--theme_dark--code_function); - --theme_dark--code_parameter: var(--theme_dark--code_plain); - --theme_dark--code_decorator: var(--theme_dark--code_plain); - --theme_dark--code_id: var(--theme_dark--code_plain); - --theme_dark--code_class: var(--theme_dark--code_plain); - --theme_dark--code_pseudo-element: var(--theme_dark--code_plain); - --theme_dark--code_pseudo-class: var(--theme_dark--code_plain); - --theme_dark--code_attribute: var(--theme_dark--code_plain); - --theme_dark--code_value: var(--theme_dark--code_plain); - --theme_dark--code_unit: var(--theme_dark--code_plain); - --theme_dark--code_punctuation: var(--theme_dark--code_plain); - --theme_dark--code_annotation: var(--theme_dark--code_plain); + --theme--code_inline: rgba(135, 131, 120, 0.15); + --theme--code_inline-text: #eb5757; - --theme_dark--text_grey: rgba(151, 154, 155, 0.95); - --theme_dark--text_brown: rgb(147, 114, 100); - --theme_dark--text_orange: rgb(255, 163, 68); - --theme_dark--text_yellow: rgb(255, 220, 73); - --theme_dark--text_green: rgb(77, 171, 154); - --theme_dark--text_blue: rgb(82, 156, 202); - --theme_dark--text_purple: rgb(154, 109, 215); - --theme_dark--text_pink: rgb(226, 85, 161); - --theme_dark--text_red: rgb(255, 115, 105); - - --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--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--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); - --theme_dark--callout_grey-text: var(--theme_dark--callout-text); - --theme_dark--callout_brown: rgba(67, 64, 64, 0.3); - --theme_dark--callout_brown-text: var(--theme_dark--callout-text); - --theme_dark--callout_orange: rgba(89, 74, 58, 0.3); - --theme_dark--callout_orange-text: var(--theme_dark--callout-text); - --theme_dark--callout_yellow: rgba(89, 86, 59, 0.3); - --theme_dark--callout_yellow-text: var(--theme_dark--callout-text); - --theme_dark--callout_green: rgba(53, 76, 75, 0.3); - --theme_dark--callout_green-text: var(--theme_dark--callout-text); - --theme_dark--callout_blue: rgba(54, 73, 84, 0.3); - --theme_dark--callout_blue-text: var(--theme_dark--callout-text); - --theme_dark--callout_purple: rgba(68, 63, 87, 0.3); - --theme_dark--callout_purple-text: var(--theme_dark--callout-text); - --theme_dark--callout_pink: rgba(83, 59, 76, 0.3); - --theme_dark--callout_pink-text: var(--theme_dark--callout-text); - --theme_dark--callout_red: rgba(89, 65, 65, 0.3); - --theme_dark--callout_red-text: var(--theme_dark--callout-text); - - /** light **/ - - --theme_light--page-width: 900px; - --theme_light--page_full-width: 100%; - --theme_light--page-padding: calc(96px + env(safe-area-inset-left)); - --theme_light--page_banner-height: 30vh; - --theme_light--preview-width: 977px; - --theme_light--preview-padding: 8rem; - --theme_light--preview_banner-height: 20vh; - - --theme_light--dragarea: rgba(55, 53, 47, 0.04); - --theme_light--page: #fff; - --theme_light--sidebar: rgb(247, 246, 243); - --theme_light--sidebar_popout: #fff; - --theme_light--preview: #fff; - --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--popout_link_underline: rgba(55, 53, 47, 0.25); - --theme_light--popout_shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, - rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; - --theme_light--shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px inset, - rgba(15, 15, 15, 0.1) 0px 1px 2px; - --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); - --theme_light--accent-text: #fff; - --theme_light--accent_semitransparent: rgba(46, 170, 220, 0.15); - --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); - --theme_light--db_card_preview: rgba(55, 53, 47, 0.024); - --theme_light--db_weekend: rgb(247, 246, 243); - --theme_light--db_today: rgb(235, 87, 87); - --theme_light--db_today-text: #fff; - --theme_light--timeline_divider_thin: rgba(55, 53, 47, 0.09); - --theme_light--timeline_arrow: #fff; - --theme_light--timeline_arrow_box: rgba(55, 53, 47, 0.4); - --theme_light--timeline_arrow_box-hover: rgba(55, 53, 47, 0.8); - - --theme_light--checkbox: transparent; - --theme_light--checkbox-text: #000; - --theme_light--checkbox-hover: rgba(55, 53, 47, 0.08); - --theme_light--checkbox-hover-text: #000; - --theme_light--checkbox-active: var(--theme_light--accent); - --theme_light--checkbox-active-text: #fff; - - --theme_light--toggle_on: var(--theme_light--accent); - --theme_light--toggle_off: rgba(135, 131, 120, 0.3); - --theme_light--toggle_dot: #fff; - - --theme_light--input: rgba(242, 241, 238, 0.6); - --theme_light--input-border: rgba(15, 15, 15, 0.1); - /* for filter value inputs, other locs. not yet identified */ - --theme_light--input_hover-backlight: rgba(55, 53, 47, 0.08); - --theme_light--input_icon: rgba(55, 53, 47, 0.8); - --theme_light--filter: #fff; - --theme_light--sub_filter: rgba(0, 0, 0, 0.02); - --theme_light--tag_select: rgba(242, 241, 238, 0.6); - /* three-dot menus for images & bookmarks */ - --theme_light--button_semitransparent: rgba(0, 0, 0, 0.6); - --theme_light--button-hover: rgba(55, 53, 47, 0.08); - --theme_light--button-active: rgba(55, 53, 47, 0.16); - /* change cover | reposition, cell expansions: <-> open, 123, phone/email/url */ - --theme_light--expand: #fff; - --theme_light--expand_icon: 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-active: rgb(223, 223, 222); - --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); - --theme_light--resizer-border: rgba(255, 255, 255, 0.9); - --theme_light--tooltip: rgb(15, 15, 15); - --theme_light--tooltip-text: rgba(255, 255, 255, 0.9); - --theme_light--tooltip-text_grey: rgba(206, 205, 202, 0.6); - - --theme_light--help: #fff; - --theme_light--help-hover: rgb(239, 239, 238); - - --theme_light--settings_danger_button-text: rgb(235, 87, 87); - --theme_light--settings_danger_button-border: rgba(235, 87, 87, 0.5); - --theme_light--settings_danger_button-hover: rgba(235, 87, 87, 0.1); - - --theme_light--scrollbar_track: #edece9; - --theme_light--scrollbar_thumb: #d3d1cb; - --theme_light--scrollbar_thumb-hover: #aeaca6; - - --theme_light--font_sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, - 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol'; - --theme_light--font_serif: Lyon-Text, Georgia, YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', - 'Hiragino Mincho Pro', 'Songti TC', 'Songti SC', SimSun, 'Nanum Myeongjo', NanumMyeongjo, - Batang, serif; - --theme_light--font_mono: iawriter-mono, Nitti, Menlo, Courier, monospace; - --theme_light--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, - monospace; - --theme_light--font_quote: var(--theme_light--font_sans); - --theme_light--font_headings: var(--theme_light--font_sans); - - --theme_light--font_title-size: 40px; - --theme_light--font_heading1-size: 1.875em; - --theme_light--font_heading2-size: 1.5em; - --theme_light--font_heading3-size: 1.25em; - --theme_light--font_body-size: 16px; - --theme_light--font_quote-size: 1.2em; - --theme_light--font_code-size: 85%; - --theme_light--font_ui-size: 14px; - /* sidebar titles, block copy & caption buttons */ - --theme_light--font_ui_small-size: 11.5px; - --theme_light--font_popout_title-size: 11px; - --theme_light--font_description-size: 12px; - --theme_light--font_callout_icon-size: 16.8px; - --theme_light--font_help_icon-size: 20px; - - --theme_light--text_block-line_height: 1.5; - --theme_light--text_block-margin_top: 1px; - - --theme_light--icon: rgba(55, 53, 47, 0.4); - --theme_light--icon_topbar: rgba(55, 53, 47, 0.8); - --theme_light--text: rgb(55, 53, 47); - --theme_light--text_property: rgba(55, 53, 47, 0.6); - --theme_light--text_placeholder: rgba(55, 53, 47, 0.4); - --theme_light--text_pseudo: rgba(55, 53, 47, 0.3); - --theme_light--text_sidebar: rgba(25, 23, 17, 0.6); - - --theme_light--code_inline: rgba(135, 131, 120, 0.15); - --theme_light--code_inline-text: #eb5757; - - --theme_light--code: rgb(247, 246, 243); - --theme_light--code_plain: var(--theme_light--text); - --theme_light--code_property: #905; - --theme_light--code_tag: var(--theme_light--code_property); - --theme_light--code_boolean: var(--theme_light--code_property); - --theme_light--code_number: var(--theme_light--code_property); - --theme_light--code_constant: var(--theme_light--code_property); - --theme_light--code_symbol: var(--theme_light--code_property); - --theme_light--code_deleted: var(--theme_light--code_property); - --theme_light--code_selector: #690; - --theme_light--code_attr-name: var(--theme_light--code_selector); - --theme_light--code_string: var(--theme_light--code_selector); - --theme_light--code_char: var(--theme_light--code_selector); - --theme_light--code_builtin: var(--theme_light--code_selector); - --theme_light--code_inserted: var(--theme_light--code_selector); - --theme_light--code_operator: #9a6e3a; - --theme_light--code_entity: var(--theme_light--code_operator); - --theme_light--code_url: var(--theme_light--code_operator); - --theme_light--code_variable: var(--theme_light--code_regex); - --theme_light--code_comment: slategray; - --theme_light--code_cdata: var(--theme_light--code_comment); - --theme_light--code_prolog: var(--theme_light--code_comment); - --theme_light--code_doctype: var(--theme_light--code_comment); - --theme_light--code_atrule: #07a; - --theme_light--code_attr-value: var(--theme_light--code_atrule); - --theme_light--code_keyword: var(--theme_light--code_atrule); - --theme_light--code_regex: #e90; - --theme_light--code_important: var(--theme_light--code_regex); - --theme_light--code_function: #dd4a68; - --theme_light--code_class-name: var(--theme_light--code_function); - --theme_light--code_parameter: var(--theme_light--code_plain); - --theme_light--code_decorator: var(--theme_light--code_plain); - --theme_light--code_id: var(--theme_light--code_plain); - --theme_light--code_class: var(--theme_light--code_plain); - --theme_light--code_pseudo-element: var(--theme_light--code_plain); - --theme_light--code_pseudo-class: var(--theme_light--code_plain); - --theme_light--code_attribute: var(--theme_light--code_plain); - --theme_light--code_value: var(--theme_light--code_plain); - --theme_light--code_unit: var(--theme_light--code_plain); - --theme_light--code_punctuation: #999; - --theme_light--code_annotation: var(--theme_light--code_plain); - - --theme_light--text_grey: rgb(155, 154, 151); - --theme_light--text_brown: rgb(100, 71, 58); - --theme_light--text_orange: rgb(217, 115, 13); - --theme_light--text_yellow: rgb(223, 171, 1); - --theme_light--text_green: rgb(15, 123, 108); - --theme_light--text_blue: rgb(11, 110, 153); - --theme_light--text_purple: rgb(105, 64, 165); - --theme_light--text_pink: rgb(173, 26, 114); - --theme_light--text_red: rgb(224, 62, 62); - - --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--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--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); - --theme_light--callout_grey-text: var(--theme_light--callout-text); - --theme_light--callout_brown: rgba(233, 229, 227, 0.3); - --theme_light--callout_brown-text: var(--theme_light--callout-text); - --theme_light--callout_orange: rgba(250, 235, 221, 0.3); - --theme_light--callout_orange-text: var(--theme_light--callout-text); - --theme_light--callout_yellow: rgba(251, 243, 219, 0.3); - --theme_light--callout_yellow-text: var(--theme_light--callout-text); - --theme_light--callout_green: rgba(221, 237, 234, 0.3); - --theme_light--callout_green-text: var(--theme_light--callout-text); - --theme_light--callout_blue: rgba(221, 235, 241, 0.3); - --theme_light--callout_blue-text: var(--theme_light--callout-text); - --theme_light--callout_purple: rgba(234, 228, 242, 0.3); - --theme_light--callout_purple-text: var(--theme_light--callout-text); - --theme_light--callout_pink: rgba(244, 223, 235, 0.3); - --theme_light--callout_pink-text: var(--theme_light--callout-text); - --theme_light--callout_red: rgba(251, 228, 228, 0.3); - --theme_light--callout_red-text: var(--theme_light--callout-text); -} - -.notion-dark-theme { - --theme--page-width: var(--theme_dark--page-width); - --theme--page_full-width: var(--theme_dark--page_full-width); - --theme--page-padding: var(--theme_dark--page-padding); - --theme--page_banner-height: var(--theme_dark--page_banner-height); - --theme--preview-width: var(--theme_dark--preview-width); - --theme--preview-padding: var(--theme_dark--preview-padding); - --theme--preview_banner-height: var(--theme_dark--preview_banner-height); - - --theme--dragarea: var(--theme_dark--dragarea); - --theme--page: var(--theme_dark--page); - --theme--sidebar: var(--theme_dark--sidebar); - --theme--sidebar_popout: var(--theme_dark--sidebar_popout); - --theme--preview: var(--theme_dark--preview); - --theme--preview_shadow: var(--theme_dark--preview_shadow); - --theme--quickfind_shadow: var(--theme_dark--quickfind_shadow); - --theme--popout: var(--theme_dark--popout); - --theme--popout_link_underline: var(--theme_dark--popout_link_underline); - --theme--popout_shadow: var(--theme_dark--popout_shadow); - --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); - --theme--accent-text: var(--theme_dark--accent-text); - --theme--accent_semitransparent: var(--theme_dark--accent_semitransparent); - --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); - --theme--db_card_preview: var(--theme_dark--db_card_preview); - --theme--db_weekend: var(--theme_dark--db_weekend); - --theme--db_today: var(--theme_dark--db_today); - --theme--db_today-text: var(--theme_dark--db_today-text); - --theme--timeline_divider_thin: var(--theme_dark--timeline_divider_thin); - --theme--timeline_arrow: var(--theme_dark--timeline_arrow); - --theme--timeline_arrow_box: var(--theme_dark--timeline_arrow_box); - --theme--timeline_arrow_box-hover: var(--theme_dark--timeline_arrow_box-hover); - - --theme--checkbox: var(--theme_dark--checkbox); - --theme--checkbox-text: var(--theme_dark--checkbox-text); - --theme--checkbox-hover: var(--theme_dark--checkbox-hover); - --theme--checkbox-hover-text: var(--theme_dark--checkbox-hover-text); - --theme--checkbox-active: var(--theme_dark--checkbox-active); - --theme--checkbox-active-text: var(--theme_dark--checkbox-active-text); - - --theme--toggle_on: var(--theme_dark--toggle_on); - --theme--toggle_off: var(--theme_dark--toggle_off); - --theme--toggle_dot: var(--theme_dark--toggle_dot); - - --theme--input: var(--theme_dark--input); - --theme--input-border: var(--theme_dark--input-border); - --theme--input_hover-backlight: var(--theme_dark--input_hover-backlight); - --theme--input_icon: var(--theme_dark--input_icon); - --theme--filter: var(--theme_dark--filter); - --theme--sub_filter: var(--theme_dark--sub_filter); - --theme--tag_select: var(--theme_dark--tag_select); - --theme--button_semitransparent: var(--theme_dark--button_semitransparent); - --theme--button-hover: var(--theme_dark--button-hover); - --theme--button-active: var(--theme_dark--button-active); - --theme--expand: var(--theme_dark--expand); - --theme--expand_icon: var(--theme_dark--expand_icon); - --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_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); - --theme--resizer-border: var(--theme_dark--resizer-border); - --theme--tooltip: var(--theme_dark--tooltip); - --theme--tooltip-text: var(--theme_dark--tooltip-text); - --theme--tooltip-text_grey: var(--theme_dark--tooltip-text_grey); - - --theme--help: var(--theme_dark--help); - --theme--help-hover: var(--theme_dark--help-hover); - - --theme--settings_danger_button-text: var(--theme_dark--settings_danger_button-text); - --theme--settings_danger_button-border: var(--theme_dark--settings_danger_button-border); - --theme--settings_danger_button-hover: var(--theme_dark--settings_danger_button-hover); - - --theme--scrollbar_track: var(--theme_dark--scrollbar_track); - --theme--scrollbar_thumb: var(--theme_dark--scrollbar_thumb); - --theme--scrollbar_thumb-hover: var(--theme_dark--scrollbar_thumb-hover); - - --theme--font_sans: var(--theme_dark--font_sans); - --theme--font_serif: var(--theme_dark--font_serif); - --theme--font_mono: var(--theme_dark--font_mono); - --theme--font_code: var(--theme_dark--font_code); - --theme--font_quote: var(--theme_dark--font_quote); - --theme--font_headings: var(--theme_dark--font_headings); - - --theme--font_title-size: var(--theme_dark--font_title-size); - --theme--font_heading1-size: var(--theme_dark--font_heading1-size); - --theme--font_heading2-size: var(--theme_dark--font_heading2-size); - --theme--font_heading3-size: var(--theme_dark--font_heading3-size); - --theme--font_body-size: var(--theme_dark--font_body-size); - --theme--font_quote-size: var(--theme_dark--font_quote-size); - --theme--font_code-size: var(--theme_dark--font_code-size); - --theme--font_ui-size: var(--theme_dark--font_ui-size); - --theme--font_ui_small-size: var(--theme_dark--font_ui_small-size); - --theme--font_popout_title-size: var(--theme_dark--font_popout_title-size); - --theme--font_description-size: var(--theme_dark--font_description-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--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); - --theme--text: var(--theme_dark--text); - --theme--text_property: var(--theme_dark--text_property); - --theme--text_placeholder: var(--theme_dark--text_placeholder); - --theme--text_pseudo: var(--theme_dark--text_pseudo); - --theme--text_sidebar: var(--theme_dark--text_sidebar); - - --theme--code_inline: var(--theme_dark--code_inline); - --theme--code_inline-text: var(--theme_dark--code_inline-text); - - --theme--code: var(--theme_dark--code); - --theme--code_plain: var(--theme_dark--code_plain); - --theme--code_property: var(--theme_dark--code_property); - --theme--code_tag: var(--theme_dark--code_tag); - --theme--code_boolean: var(--theme_dark--code_boolean); - --theme--code_number: var(--theme_dark--code_number); - --theme--code_constant: var(--theme_dark--code_constant); - --theme--code_symbol: var(--theme_dark--code_symbol); - --theme--code_deleted: var(--theme_dark--code_deleted); - --theme--code_selector: var(--theme_dark--code_selector); - --theme--code_attr-name: var(--theme_dark--code_attr-name); - --theme--code_string: var(--theme_dark--code_string); - --theme--code_char: var(--theme_dark--code_char); - --theme--code_builtin: var(--theme_dark--code_builtin); - --theme--code_inserted: var(--theme_dark--code_inserted); - --theme--code_operator: var(--theme_dark--code_operator); - --theme--code_entity: var(--theme_dark--code_entity); - --theme--code_url: var(--theme_dark--code_url); - --theme--code_variable: var(--theme_dark--code_variable); - --theme--code_comment: var(--theme_dark--code_comment); - --theme--code_cdata: var(--theme_dark--code_cdata); - --theme--code_prolog: var(--theme_dark--code_prolog); - --theme--code_doctype: var(--theme_dark--code_doctype); - --theme--code_atrule: var(--theme_dark--code_atrule); - --theme--code_attr-value: var(--theme_dark--code_attr-value); - --theme--code_keyword: var(--theme_dark--code_keyword); - --theme--code_regex: var(--theme_dark--code_regex); - --theme--code_important: var(--theme_dark--code_important); - --theme--code_function: var(--theme_dark--code_function); - --theme--code_class-name: var(--theme_dark--code_class-name); - --theme--code_parameter: var(--theme_dark--code_parameter); - --theme--code_decorator: var(--theme_dark--code_decorator); - --theme--code_id: var(--theme_dark--code_id); - --theme--code_class: var(--theme_dark--code_class); - --theme--code_pseudo-element: var(--theme_dark--code_pseudo-element); - --theme--code_pseudo-class: var(--theme_dark--code_pseudo-class); - --theme--code_attribute: var(--theme_dark--code_attribute); - --theme--code_value: var(--theme_dark--code_value); - --theme--code_unit: var(--theme_dark--code_unit); - --theme--code_punctuation: var(--theme_dark--code_punctuation); - --theme--code_annotation: var(--theme_dark--code_annotation); - - --theme--text_grey: var(--theme_dark--text_grey); - --theme--text_brown: var(--theme_dark--text_brown); - --theme--text_orange: var(--theme_dark--text_orange); - --theme--text_yellow: var(--theme_dark--text_yellow); - --theme--text_green: var(--theme_dark--text_green); - --theme--text_blue: var(--theme_dark--text_blue); - --theme--text_purple: var(--theme_dark--text_purple); - --theme--text_pink: var(--theme_dark--text_pink); - --theme--text_red: var(--theme_dark--text_red); - - --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--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--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); - --theme--callout_grey-text: var(--theme_dark--callout_grey-text); - --theme--callout_brown: var(--theme_dark--callout_brown); - --theme--callout_brown-text: var(--theme_dark--callout_brown-text); - --theme--callout_orange: var(--theme_dark--callout_orange); - --theme--callout_orange-text: var(--theme_dark--callout_orange-text); - --theme--callout_yellow: var(--theme_dark--callout_yellow); - --theme--callout_yellow-text: var(--theme_dark--callout_yellow-text); - --theme--callout_green: var(--theme_dark--callout_green); - --theme--callout_green-text: var(--theme_dark--callout_green-text); - --theme--callout_blue: var(--theme_dark--callout_blue); - --theme--callout_blue-text: var(--theme_dark--callout_blue-text); - --theme--callout_purple: var(--theme_dark--callout_purple); - --theme--callout_purple-text: var(--theme_dark--callout_purple-text); - --theme--callout_pink: var(--theme_dark--callout_pink); - --theme--callout_pink-text: var(--theme_dark--callout_pink-text); - --theme--callout_red: var(--theme_dark--callout_red); - --theme--callout_red-text: var(--theme_dark--callout_red-text); -} - -.notion-light-theme { - --theme--page-width: var(--theme_light--page-width); - --theme--page_full-width: var(--theme_light--page_full-width); - --theme--page-padding: var(--theme_light--page-padding); - --theme--page_banner-height: var(--theme_light--page_banner-height); - --theme--preview-width: var(--theme_light--preview-width); - --theme--preview-padding: var(--theme_light--preview-padding); - --theme--preview_banner-height: var(--theme_light--preview_banner-height); - - --theme--dragarea: var(--theme_light--dragarea); - --theme--page: var(--theme_light--page); - --theme--sidebar: var(--theme_light--sidebar); - --theme--sidebar_popout: var(--theme_light--sidebar_popout); - --theme--preview: var(--theme_light--preview); - --theme--preview_shadow: var(--theme_light--preview_shadow); - --theme--quickfind_shadow: var(--theme_light--quickfind_shadow); - --theme--popout: var(--theme_light--popout); - --theme--popout_link_underline: var(--theme_light--popout_link_underline); - --theme--popout_shadow: var(--theme_light--popout_shadow); - --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); - --theme--accent-text: var(--theme_light--accent-text); - --theme--accent_semitransparent: var(--theme_light--accent_semitransparent); - --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); - --theme--db_card_preview: var(--theme_light--db_card_preview); - --theme--db_weekend: var(--theme_light--db_weekend); - --theme--db_today: var(--theme_light--db_today); - --theme--db_today-text: var(--theme_light--db_today-text); - --theme--timeline_divider_thin: var(--theme_light--timeline_divider_thin); - --theme--timeline_arrow: var(--theme_light--timeline_arrow); - --theme--timeline_arrow_box: var(--theme_light--timeline_arrow_box); - --theme--timeline_arrow_box-hover: var(--theme_light--timeline_arrow_box-hover); - - --theme--checkbox: var(--theme_light--checkbox); - --theme--checkbox-text: var(--theme_light--checkbox-text); - --theme--checkbox-hover: var(--theme_light--checkbox-hover); - --theme--checkbox-hover-text: var(--theme_light--checkbox-hover-text); - --theme--checkbox-active: var(--theme_light--checkbox-active); - --theme--checkbox-active-text: var(--theme_light--checkbox-active-text); - - --theme--toggle_on: var(--theme_light--toggle_on); - --theme--toggle_off: var(--theme_light--toggle_off); - --theme--toggle_dot: var(--theme_light--toggle_dot); - - --theme--input: var(--theme_light--input); - --theme--input-border: var(--theme_light--input-border); - --theme--input_hover-backlight: var(--theme_light--input_hover-backlight); - --theme--input_icon: var(--theme_light--input_icon); - --theme--filter: var(--theme_light--filter); - --theme--sub_filter: var(--theme_light--sub_filter); - --theme--tag_select: var(--theme_light--tag_select); - --theme--button_semitransparent: var(--theme_light--button_semitransparent); - --theme--button-hover: var(--theme_light--button-hover); - --theme--button-active: var(--theme_light--button-active); - --theme--expand: var(--theme_light--expand); - --theme--expand_icon: var(--theme_light--expand_icon); - --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_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); - --theme--resizer-border: var(--theme_light--resizer-border); - --theme--tooltip: var(--theme_light--tooltip); - --theme--tooltip-text: var(--theme_light--tooltip-text); - --theme--tooltip-text_grey: var(--theme_light--tooltip-text_grey); - - --theme--help: var(--theme_light--help); - --theme--help-hover: var(--theme_light--help-hover); - - --theme--settings_danger_button-text: var(--theme_light--settings_danger_button-text); - --theme--settings_danger_button-border: var(--theme_light--settings_danger_button-border); - --theme--settings_danger_button-hover: var(--theme_light--settings_danger_button-hover); - - --theme--scrollbar_track: var(--theme_light--scrollbar_track); - --theme--scrollbar_thumb: var(--theme_light--scrollbar_thumb); - --theme--scrollbar_thumb-hover: var(--theme_light--scrollbar_thumb-hover); - - --theme--font_sans: var(--theme_light--font_sans); - --theme--font_serif: var(--theme_light--font_serif); - --theme--font_mono: var(--theme_light--font_mono); - --theme--font_code: var(--theme_light--font_code); - --theme--font_quote: var(--theme_light--font_quote); - --theme--font_headings: var(--theme_light--font_headings); - - --theme--font_title-size: var(--theme_light--font_title-size); - --theme--font_heading1-size: var(--theme_light--font_heading1-size); - --theme--font_heading2-size: var(--theme_light--font_heading2-size); - --theme--font_heading3-size: var(--theme_light--font_heading3-size); - --theme--font_body-size: var(--theme_light--font_body-size); - --theme--font_quote-size: var(--theme_light--font_quote-size); - --theme--font_code-size: var(--theme_light--font_code-size); - --theme--font_ui-size: var(--theme_light--font_ui-size); - --theme--font_ui_small-size: var(--theme_light--font_ui_small-size); - --theme--font_popout_title-size: var(--theme_light--font_popout_title-size); - --theme--font_description-size: var(--theme_light--font_description-size); - --theme--font_callout_icon-size: var(--theme_light--font_callout_icon-size); - --theme--font_help_icon-size: var(--theme_light--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--icon: var(--theme_light--icon); - --theme--icon_topbar: var(--theme_light--icon_topbar); - --theme--text: var(--theme_light--text); - --theme--text_property: var(--theme_light--text_property); - --theme--text_placeholder: var(--theme_light--text_placeholder); - --theme--text_pseudo: var(--theme_light--text_pseudo); - --theme--text_sidebar: var(--theme_light--text_sidebar); - - --theme--code_inline: var(--theme_light--code_inline); - --theme--code_inline-text: var(--theme_light--code_inline-text); - - --theme--code: var(--theme_light--code); - --theme--code_plain: var(--theme_light--code_plain); - --theme--code_property: var(--theme_light--code_property); - --theme--code_tag: var(--theme_light--code_tag); - --theme--code_boolean: var(--theme_light--code_boolean); - --theme--code_number: var(--theme_light--code_number); - --theme--code_constant: var(--theme_light--code_constant); - --theme--code_symbol: var(--theme_light--code_symbol); - --theme--code_deleted: var(--theme_light--code_deleted); - --theme--code_selector: var(--theme_light--code_selector); - --theme--code_attr-name: var(--theme_light--code_attr-name); - --theme--code_string: var(--theme_light--code_string); - --theme--code_char: var(--theme_light--code_char); - --theme--code_builtin: var(--theme_light--code_builtin); - --theme--code_inserted: var(--theme_light--code_inserted); - --theme--code_operator: var(--theme_light--code_operator); - --theme--code_entity: var(--theme_light--code_entity); - --theme--code_url: var(--theme_light--code_url); - --theme--code_variable: var(--theme_light--code_variable); - --theme--code_comment: var(--theme_light--code_comment); - --theme--code_cdata: var(--theme_light--code_cdata); - --theme--code_prolog: var(--theme_light--code_prolog); - --theme--code_doctype: var(--theme_light--code_doctype); - --theme--code_atrule: var(--theme_light--code_atrule); - --theme--code_attr-value: var(--theme_light--code_attr-value); - --theme--code_keyword: var(--theme_light--code_keyword); - --theme--code_regex: var(--theme_light--code_regex); - --theme--code_important: var(--theme_light--code_important); - --theme--code_function: var(--theme_light--code_function); - --theme--code_class-name: var(--theme_light--code_class-name); - --theme--code_parameter: var(--theme_light--code_parameter); - --theme--code_decorator: var(--theme_light--code_decorator); - --theme--code_id: var(--theme_light--code_id); - --theme--code_class: var(--theme_light--code_class); - --theme--code_pseudo-element: var(--theme_light--code_pseudo-element); - --theme--code_pseudo-class: var(--theme_light--code_pseudo-class); - --theme--code_attribute: var(--theme_light--code_attribute); - --theme--code_value: var(--theme_light--code_value); - --theme--code_unit: var(--theme_light--code_unit); - --theme--code_punctuation: var(--theme_light--code_punctuation); - --theme--code_annotation: var(--theme_light--code_annotation); - - --theme--text_grey: var(--theme_light--text_grey); - --theme--text_brown: var(--theme_light--text_brown); - --theme--text_orange: var(--theme_light--text_orange); - --theme--text_yellow: var(--theme_light--text_yellow); - --theme--text_green: var(--theme_light--text_green); - --theme--text_blue: var(--theme_light--text_blue); - --theme--text_purple: var(--theme_light--text_purple); - --theme--text_pink: var(--theme_light--text_pink); - --theme--text_red: var(--theme_light--text_red); - - --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--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--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); - --theme--callout_grey-text: var(--theme_light--callout_grey-text); - --theme--callout_brown: var(--theme_light--callout_brown); - --theme--callout_brown-text: var(--theme_light--callout_brown-text); - --theme--callout_orange: var(--theme_light--callout_orange); - --theme--callout_orange-text: var(--theme_light--callout_orange-text); - --theme--callout_yellow: var(--theme_light--callout_yellow); - --theme--callout_yellow-text: var(--theme_light--callout_yellow-text); - --theme--callout_green: var(--theme_light--callout_green); - --theme--callout_green-text: var(--theme_light--callout_green-text); - --theme--callout_blue: var(--theme_light--callout_blue); - --theme--callout_blue-text: var(--theme_light--callout_blue-text); - --theme--callout_purple: var(--theme_light--callout_purple); - --theme--callout_purple-text: var(--theme_light--callout_purple-text); - --theme--callout_pink: var(--theme_light--callout_pink); - --theme--callout_pink-text: var(--theme_light--callout_pink-text); - --theme--callout_red: var(--theme_light--callout_red); - --theme--callout_red-text: var(--theme_light--callout_red-text); + --theme--code: rgb(63, 68, 71); + --theme--code_plain: var(--theme--text); + --theme--code_property: hsl(350, 40%, 70%); + --theme--code_tag: var(--theme--code_property); + --theme--code_boolean: var(--theme--code_property); + --theme--code_number: var(--theme--code_property); + --theme--code_constant: var(--theme--code_property); + --theme--code_symbol: var(--theme--code_property); + --theme--code_deleted: #f00; + --theme--code_selector: hsl(75, 70%, 60%); + --theme--code_attr-name: var(--theme--code_selector); + --theme--code_string: var(--theme--code_selector); + --theme--code_char: var(--theme--code_selector); + --theme--code_builtin: var(--theme--code_selector); + --theme--code_inserted: var(--theme--code_selector); + --theme--code_operator: hsl(40, 90%, 60%); + --theme--code_entity: var(--theme--code_operator); + --theme--code_url: var(--theme--code_operator); + --theme--code_variable: var(--theme--code_operator); + --theme--code_comment: hsl(30, 20%, 50%); + --theme--code_cdata: var(--theme--code_comment); + --theme--code_prolog: var(--theme--code_comment); + --theme--code_doctype: var(--theme--code_comment); + --theme--code_atrule: hsl(350, 40%, 70%); + --theme--code_attr-value: var(--theme--code_atrule); + --theme--code_keyword: var(--theme--code_atrule); + --theme--code_regex: #e90; + --theme--code_important: var(--theme--code_regex); + --theme--code_function: var(--theme--code_plain); + --theme--code_class-name: var(--theme--code_function); + --theme--code_parameter: var(--theme--code_plain); + --theme--code_decorator: var(--theme--code_plain); + --theme--code_id: var(--theme--code_plain); + --theme--code_class: var(--theme--code_plain); + --theme--code_pseudo-element: var(--theme--code_plain); + --theme--code_pseudo-class: var(--theme--code_plain); + --theme--code_attribute: var(--theme--code_plain); + --theme--code_value: var(--theme--code_plain); + --theme--code_unit: var(--theme--code_plain); + --theme--code_punctuation: var(--theme--code_plain); + --theme--code_annotation: var(--theme--code_plain); } diff --git a/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/client.css b/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/client.css index e3a907d..ba2a844 100644 --- a/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/client.css +++ b/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/client.css @@ -21,9 +21,9 @@ font-weight: 700 !important; } -.tweak--spaced_lines { - --theme--text_block-line_height: 1.65; - --theme--text_block-margin_top: 0.75em; +.tweak--spaced_lines .notion-page-content .notion-selectable.notion-text-block { + line-height: 1.65 !important; + margin-top: 0.75em !important; } .tweak--condensed_bullets .notion-selectable.notion-bulleted_list-block {