mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-05 21:29:01 +00:00
2018 lines
67 KiB
CSS
2018 lines
67 KiB
CSS
/*
|
|
* notion-enhancer
|
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
|
* (c) 2020 TarasokUA
|
|
* (c) 2020 Arecsu
|
|
* (c) 2020 u/zenith_illinois
|
|
* (c) 2020 admiraldus (https://github.com/admiraldus)
|
|
* (c) 2020 CloudHill
|
|
* (https://dragonwocky.me/notion-enhancer) 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-onboarding-popup {
|
|
background: var(--theme--popout) !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) 0px 0px 0px 1px inset,
|
|
var(--theme--shadow) 0px 1px 2px !important;
|
|
}
|
|
|
|
.notion-dark-theme .notion-workspace-plan-choose img[src='/tutorial/ada-1.png'],
|
|
.notion-dark-theme .notion-workspace-create img[src='/tutorial/ada-1.png'],
|
|
.notion-dark-theme .notion-workspace-invite img[src='/tutorial/ada-1.png'] {
|
|
filter: drop-shadow(1px 1px #fff) drop-shadow(-1px -1px #fff)
|
|
drop-shadow(-1px 1px #fff) drop-shadow(1px -1px #fff);
|
|
}
|
|
.notion-body.dark
|
|
[style^='position: absolute;'][style*='z-index: 999; background-color: rgba(55, 60, 63, 0.8);']:empty,
|
|
.notion-body.dark
|
|
[style^='position: absolute;'][style*='z-index: 999; background-color: rgba(47, 52, 55, 0.8);']:empty,
|
|
.notion-body:not(.dark)
|
|
[style^='position: absolute;'][style*='z-index: 999; background-color: rgba(247, 246, 243, 0.8);']:empty,
|
|
.notion-body:not(.dark)
|
|
[style^='position: absolute;'][style*='z-index: 999; background-color: rgba(255, 255, 255, 0.8);']:empty {
|
|
background: var(--theme--introduction_overlay) !important;
|
|
}
|
|
|
|
/* accent */
|
|
|
|
.notion-onboarding-plan-type-personal[style*='box-shadow: rgb(46, 170, 220) 0px 0px 0px 2px, rgba(182, 182, 182, 0.25) 0px 8px 12px'],
|
|
.notion-onboarding-plan-type-team[style*='box-shadow: rgb(46, 170, 220) 0px 0px 0px 2px, rgba(182, 182, 182, 0.25) 0px 8px 12px'] {
|
|
box-shadow: var(--theme--accent) 0px 0px 0px 2px,
|
|
rgba(182, 182, 182, 0.25) 0px 8px 12px !important;
|
|
}
|
|
|
|
::selection,
|
|
.notion-selectable-halo,
|
|
.notion-overlay-container.notion-default-overlay-container
|
|
> :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
|
|
> :nth-child(2)
|
|
> div
|
|
> :nth-child(2)
|
|
> :nth-child(2)
|
|
> div
|
|
> div
|
|
> div
|
|
> div
|
|
> div
|
|
> div
|
|
> :nth-child(2):hover:not([style*='background: rgba(46, 170, 220, 0.15)']):not([placeholder='Untitled']) {
|
|
background: var(--theme--input-hover) !important;
|
|
}
|
|
[style*='[boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end]']
|
|
[role='button'][style*='background:'],
|
|
.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);'] {
|
|
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;
|
|
}
|
|
.notion-code-block .token.function {
|
|
color: var(--theme--code_function) !important;
|
|
}
|
|
.notion-code-block .token.parameter {
|
|
color: var(--theme--code_parameter) !important;
|
|
}
|
|
.notion-code-block .token.keyword {
|
|
color: var(--theme--code_keyword) !important;
|
|
}
|
|
.notion-code-block .token.constant {
|
|
color: var(--theme--code_constant) !important;
|
|
}
|
|
.notion-code-block .token.tag {
|
|
color: var(--theme--code_tag) !important;
|
|
}
|
|
.notion-code-block .token.operator {
|
|
color: var(--theme--code_operator) !important;
|
|
background: transparent !important;
|
|
}
|
|
.notion-code-block .token.important {
|
|
color: var(--theme--code_important) !important;
|
|
}
|
|
.notion-code-block .token.regex {
|
|
color: var(--theme--code_regex) !important;
|
|
}
|
|
.notion-code-block .token.property {
|
|
color: var(--theme--code_property) !important;
|
|
}
|
|
.notion-code-block .token.builtin {
|
|
color: var(--theme--code_builtin) !important;
|
|
}
|
|
.notion-code-block .token.class-name {
|
|
color: var(--theme--code_class-name) !important;
|
|
}
|
|
.notion-code-block .token.attr-name {
|
|
color: var(--theme--code_attr-name) !important;
|
|
}
|
|
.notion-code-block .token.attr-value {
|
|
color: var(--theme--code_attr-value) !important;
|
|
}
|
|
.notion-code-block .token.selector {
|
|
color: var(--theme--code_selector) !important;
|
|
}
|
|
.notion-code-block .token.id {
|
|
color: var(--theme--code_id) !important;
|
|
}
|
|
.notion-code-block .token.class {
|
|
color: var(--theme--code_class) !important;
|
|
}
|
|
.notion-code-block .token.pseudo-element {
|
|
color: var(--theme--code_pseudo-element) !important;
|
|
}
|
|
.notion-code-block .token.pseudo-class {
|
|
color: var(--theme--code_pseudo-class) !important;
|
|
}
|
|
.notion-code-block .token.attribute {
|
|
color: var(--theme--code_attribute) !important;
|
|
}
|
|
.notion-code-block .token.value {
|
|
color: var(--theme--code_value) !important;
|
|
}
|
|
.notion-code-block .token.unit {
|
|
color: var(--theme--code_unit) !important;
|
|
}
|
|
.notion-code-block .token.comment {
|
|
color: var(--theme--code_comment) !important;
|
|
}
|
|
.notion-code-block .token.punctuation {
|
|
color: var(--theme--code_punctuation) !important;
|
|
}
|
|
.notion-code-block .token.annotation {
|
|
color: var(--theme--code_annotation) !important;
|
|
}
|
|
.notion-code-block .token.decorator {
|
|
color: var(--theme--code_decorator) !important;
|
|
}
|
|
.notion-code-block .token.doctype {
|
|
color: var(--theme--code_doctype) !important;
|
|
}
|
|
.notion-code-block .token.number {
|
|
color: var(--theme--code_number) !important;
|
|
}
|
|
.notion-code-block .token.string {
|
|
color: var(--theme--code_string) !important;
|
|
}
|
|
.notion-code-block .token.boolean {
|
|
color: var(--theme--code_boolean) !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;
|
|
}
|