mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-05 13:19:03 +00:00
774 lines
35 KiB
CSS
774 lines
35 KiB
CSS
/**
|
|
* notion-enhancer: theming
|
|
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
|
* (https://notion-enhancer.github.io/) under the MIT license
|
|
*/
|
|
|
|
/* backgrounds */
|
|
|
|
.OnboardingHighlight + div > [style*='background-color'] {
|
|
background-color: rgba(0, 0, 0, 0.5) !important;
|
|
}
|
|
|
|
body,
|
|
.notion-cursor-listener,
|
|
.notion-frame,
|
|
.notion-timeline-view,
|
|
.notion-workspace-plan-choose,
|
|
.notion-onboarding-popup,
|
|
.notion-workspace-create,
|
|
.notion-workspace-invite,
|
|
.notion-scroller.vertical
|
|
> [style*='display: flex; justify-content: center; z-index: 3; flex-shrink: 0;'][style*='background: '],
|
|
.notion-cursor-listener > div > :first-child[style*='z-index: 100;'],
|
|
.notion-space-settings > div > div > div:nth-child(2) > div[style*='background'],
|
|
.notion-body.dark .notion-collection_view_page-block > [style*='background: rgb(47, 52, 55)'],
|
|
.notion-body.dark .notion-collection_view_page-block[style*='background: rgb(47, 52, 55)'],
|
|
.notion-body:not(.dark) .notion-collection_view_page-block > [style*='background: white'],
|
|
.notion-body:not(.dark) .notion-collection_view_page-block[style*='background: white'],
|
|
.notion-body.dark .notion-collection_view-block > [style*='background: rgb(47, 52, 55)'],
|
|
.notion-body.dark .notion-collection_view-block[style*='background: rgb(47, 52, 55)'],
|
|
.notion-body:not(.dark) .notion-collection_view-block > [style*='background: white'],
|
|
.notion-body:not(.dark) .notion-collection_view-block[style*='background: white'],
|
|
.notion-body.dark .notion-timeline-view [style*='background: rgb(47, 52, 55)'],
|
|
.notion-body:not(.dark)
|
|
.notion-timeline-view
|
|
[style*='background: white']:not(.notion-timeline-item),
|
|
.notion-body:not(.dark) .notion-timeline-view [style*='background: rgb(253, 253, 253);'],
|
|
.notion-updates-menu footer > div[style*='background'],
|
|
:not(.notion-sidebar-container) > div > div > .notion-sidebar > :nth-child(2),
|
|
:not(.notion-sidebar-container) > div > div > .notion-sidebar > :nth-child(3),
|
|
:not(.notion-sidebar-container) > div > div > .notion-sidebar > :nth-child(3) > :nth-child(2),
|
|
.notion-peek-renderer > div[style*='background'],
|
|
.notion-peek-renderer > div[style*='background'] > :first-child,
|
|
.notion-peek-renderer > div[style*='background'] > :first-child > div > :nth-child(3),
|
|
.notion-page-template-modal,
|
|
.notion-update-sidebar-tab-updates-header,
|
|
.notion-update-sidebar-tab-updates-header + .notion-scroller,
|
|
.notion-update-sidebar-tab-comments-header,
|
|
.notion-update-sidebar-tab-comments-header + div,
|
|
.notion-code-block > div > div > [style*='background: '][style$='padding-right: 105px;'],
|
|
[style*='z-index: 84'] {
|
|
background: var(--theme--bg) !important;
|
|
}
|
|
.notion-timeline-item-row + div > div > div,
|
|
.notion-timeline-view > :nth-child(2) > :first-child > div > div {
|
|
border: 1px solid var(--theme--bg) !important;
|
|
background: var(--theme--ui_toggle-off) !important;
|
|
}
|
|
.notion-timeline-item-row + div > div > div svg,
|
|
.notion-timeline-view > :nth-child(2) > :first-child > div > div svg {
|
|
fill: var(--theme--bg) !important;
|
|
}
|
|
|
|
.notion-sidebar-container,
|
|
.notion-sidebar > [style*='border-top-right-radius'],
|
|
.notion-space-settings > div > div > div:first-child[style*='background'],
|
|
.notion-body.dark .notion-collection_view_page-block [style*='background: rgb(55, 60, 63)'],
|
|
.notion-body:not(.dark)
|
|
.notion-collection_view_page-block
|
|
[style*='background: rgb(247, 246, 243)'],
|
|
.notion-body.dark .notion-collection_view-block [style*='background: rgb(55, 60, 63)'],
|
|
.notion-body:not(.dark)
|
|
.notion-collection_view-block
|
|
[style*='background: rgb(247, 246, 243)'],
|
|
.notion-body.dark .notion-timeline-view [style*='background: rgb(55, 60, 63)'],
|
|
.notion-body:not(.dark) .notion-timeline-view [style*='background: rgb(247, 246, 243)'],
|
|
.notion-space-settings
|
|
> div
|
|
> div
|
|
> div:nth-child(2)
|
|
table
|
|
td[style*='background:']:not([style*='background: transparent']),
|
|
.notion-timeline-view > :first-child > div,
|
|
.notion-body:not(.dark)
|
|
.notion-timeline-view
|
|
> div
|
|
> div
|
|
> [style*='background: rgb(247, 247, 247); border-radius: 11px;'],
|
|
.notion-page-template-modal > :last-child,
|
|
.notion-page-template-modal > :last-child > div > :last-child,
|
|
.notion-embed-block .pseudoSelection,
|
|
.notion-video-block .pseudoSelection,
|
|
.notion-image-block .pseudoSelection,
|
|
.notion-file-block .pseudoSelection,
|
|
.notion-pdf-block .pseudoSelection,
|
|
.notion-bookmark-block .pseudoSelection,
|
|
.notion-miro-block .pseudoSelection,
|
|
.notion-codepen-block .pseudoSelection,
|
|
.notion-framer-block .pseudoSelection,
|
|
.notion-figma-block .pseudoSelection,
|
|
.notion-drive-block .pseudoSelection,
|
|
.notion-gist-block .pseudoSelection,
|
|
.notion-tweet-block .pseudoSelection,
|
|
.notion-maps-block .pseudoSelection,
|
|
.notion-replit-block .pseudoSelection,
|
|
.notion-typeform-block .pseudoSelection,
|
|
.notion-abstract-block .pseudoSelection,
|
|
.notion-invision-block .pseudoSelection,
|
|
.notion-loom-block .pseudoSelection,
|
|
.notion-excalidraw-block .pseudoSelection,
|
|
.notion-sketch-block .pseudoSelection,
|
|
.notion-whimsical-block .pseudoSelection,
|
|
.notion-equation-block > div > div,
|
|
.notion-factory-block > div > div > div > div > [style*='background'][style*='margin-top'] {
|
|
background: var(--theme--bg_secondary) !important;
|
|
}
|
|
|
|
.notion-default-overlay-container
|
|
[style*='position: absolute; inset: 0px; background: rgba(15, 15, 15, 0.6);']:empty {
|
|
background: var(--theme--ui_shadow) !important;
|
|
}
|
|
|
|
.notion-body.dark
|
|
[style*='box-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;'],
|
|
.notion-body:not(.dark)
|
|
[style*='box-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;'],
|
|
.notion-body.dark
|
|
[style*='box-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;'],
|
|
.notion-body:not(.dark)
|
|
[style*='box-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;'],
|
|
[data-overlay]
|
|
> div
|
|
> [style*='position: relative; z-index: 1; box-shadow:'][style*='border-radius: 3px;'][style*='margin-bottom: 0px; top: 90px; overflow: hidden; width: 75%; max-width: 600px; min-height: 50px; max-height: 80vh;']:nth-child(2),
|
|
.notion-overlay-container.notion-default-overlay-container
|
|
[style*='display: flex']
|
|
> [style*='position: relative; max-width:'][style*='overflow: hidden']
|
|
footer
|
|
> [style*='background-color:'],
|
|
.notion-updates-menu > :first-child > div[style*='background'],
|
|
#notion-app
|
|
> div
|
|
> div.notion-overlay-container.notion-default-overlay-container
|
|
> div:nth-child(2)
|
|
> div
|
|
> div:nth-child(2)[style*='margin-bottom: 0px; top: 90px; overflow: hidden; width: 75%;'],
|
|
.notion-default-overlay-container
|
|
> div
|
|
> div:not(.notion-peek-renderer)
|
|
> [style*='box-shadow'],
|
|
[style*='z-index:'][style*='box-shadow: '][style*='font-size: 12px;'][style*='min-height: 24px; overflow: hidden; pointer-events:'],
|
|
:not(.notion-login)
|
|
> .notion-focusable[role='button'][tabindex='0'][style*='box-shadow:'][style*='background:'][style*='transition: background 20ms ease-in 0s; cursor: pointer;']:not([style*='rgb(46, 170, 220);']):not([style*='rgb(6, 156, 205);']):not([style*='rgb(0, 141, 190);']):not([style*='flex: 1 1 0%; white-space: nowrap; height: 26px; border-radius: 3px 0px 0px 3px;']):not([style*='rgb(225, 98, 89)']),
|
|
.notion-text-action-menu > div > div,
|
|
.notion-default-overlay-container
|
|
[style*='min-width: 300px;']
|
|
[style*='width: 240px']
|
|
> .notion-focusable:not(:hover),
|
|
.notion-transclusion_reference-block > div > div > :nth-child(3),
|
|
.notion-transclusion_container-block > div > div > :nth-child(3),
|
|
.notion-page-block > div > div > div > .notion-focusable:not(:hover),
|
|
.notion-workspace-create
|
|
[style*='font-size: 12px;']
|
|
+ .notion-focusable[role='button']:not(:hover) {
|
|
background: var(--theme--bg_card) !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;
|
|
}
|
|
[style*='z-index:'][style*='box-shadow: '][style*='font-size: 12px;'][style*='min-height: 24px; overflow: hidden; pointer-events:']
|
|
> .notion-focusable {
|
|
color: var(--theme--text) !important;
|
|
}
|
|
|
|
.notion-calendar-view
|
|
.notion-selectable.notion-page-block.notion-collection-item
|
|
> a[style*='background:'] {
|
|
background: var(--theme--bg_card) !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 2px 4px !important;
|
|
}
|
|
|
|
.notion-media-menu > div > div > div[style*='background'],
|
|
.notion-media-menu > div > div > div > div[style*='background']:not(.notion-focusable),
|
|
.notion-body.dark
|
|
.notion-default-overlay-container
|
|
[style*='grid-template-columns: [boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end];'],
|
|
.notion-focusable[style*='background: rgb(80, 85, 88);']:not(.notion-help-button):not(.onboarding-checklist-button),
|
|
.notion-body:not(.dark)
|
|
.notion-default-overlay-container
|
|
[style*='grid-template-columns: [boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end];']
|
|
.notion-focusable[style*='background: white;'],
|
|
.notion-timeline-item,
|
|
.notion-collection-item > a {
|
|
background: var(--theme--bg_card) !important;
|
|
}
|
|
|
|
.notion-timeline-view
|
|
> div
|
|
> div
|
|
> [style*='height: 100%; background-image: linear-gradient(to right, '] {
|
|
background-image: linear-gradient(
|
|
to right,
|
|
var(--theme--bg) 20%,
|
|
transparent 100%
|
|
) !important;
|
|
}
|
|
.notion-timeline-view
|
|
> div
|
|
> div
|
|
> [style*='height: 100%; background-image: linear-gradient(to left, '] {
|
|
background-image: linear-gradient(
|
|
to left,
|
|
var(--theme--bg) 20%,
|
|
transparent 100%
|
|
) !important;
|
|
}
|
|
|
|
/** ui **/
|
|
|
|
.notion-page-mention-token.notion-enable-hover:hover {
|
|
box-shadow: 0 0 0 3px var(--theme--ui_interactive-hover) !important;
|
|
background: var(--theme--ui_interactive-hover) !important;
|
|
}
|
|
|
|
.notion-to_do-block [style*='background: rgb(46, 170, 220);'],
|
|
.notion-focusable
|
|
> [style*='width: 16px; height: 16px;'][style*='background: rgb(46, 170, 220);'],
|
|
.notion-focusable > [style*='border-radius: 44px;'][style*='background: rgb(46, 170, 220);'] {
|
|
background: var(--theme--ui_toggle-on) !important;
|
|
}
|
|
.notion-body.dark
|
|
.notion-focusable
|
|
> [style*='border-radius: 44px;'][style*='background: rgba(202, 204, 206, 0.3);'],
|
|
.notion-body:not(.dark)
|
|
.notion-focusable
|
|
> [style*='border-radius: 44px;'][style*='background: rgba(135, 131, 120, 0.3);'] {
|
|
background: var(--theme--ui_toggle-off) !important;
|
|
}
|
|
|
|
.notion-focusable
|
|
> [style*='width: 16px; height: 16px;'][style*='background: rgb(46, 170, 220);']
|
|
.check,
|
|
.notion-to_do-block .check {
|
|
fill: var(--theme--ui_toggle-feature) !important;
|
|
}
|
|
.notion-focusable > [style*='border-radius: 44px;'] > div:empty {
|
|
background: var(--theme--ui_toggle-feature) !important;
|
|
}
|
|
|
|
.notion-body.dark [style*='background: rgba(255, 255, 255, 0.1)'],
|
|
.notion-body:not(.dark) [style*='background: rgba(55, 53, 47, 0.08)'],
|
|
.notion-focusable[style*='z-index:'][style*='box-shadow: '][style*='font-size: 12px;'][style*='min-height: 24px; overflow: hidden; pointer-events:']:hover,
|
|
:not(.notion-login)
|
|
> .notion-focusable[role='button'][tabindex='0'][style*='box-shadow:'][style*='background:'][style*='transition: background 20ms ease-in 0s; cursor: pointer;']:not([style*='rgb(46, 170, 220);']):not([style*='rgb(6, 156, 205);']):not([style*='rgb(0, 141, 190);']):not([style*='flex: 1 1 0%; white-space: nowrap; height: 26px; border-radius: 3px 0px 0px 3px;']):not([style*='rgb(225, 98, 89)']):hover,
|
|
[style*='z-index:'][style*='box-shadow: '][style*='font-size: 12px;'][style*='min-height: 24px; overflow: hidden; pointer-events:']
|
|
> .notion-focusable[style*='background']:hover,
|
|
.notion-body:not(.dark)
|
|
.notion-default-overlay-container
|
|
[style*='grid-template-columns: [boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end];']
|
|
.notion-focusable[style*='background: rgb(239, 239, 238);'],
|
|
.line-numbers.notion-code-block + div .notion-focusable:hover {
|
|
background: var(--theme--ui_interactive-hover) !important;
|
|
color: var(--theme--text) !important;
|
|
fill: var(--theme--text) !important;
|
|
}
|
|
.notion-body:not(.dark) [style*='background: rgba(55, 53, 47, 0.16)'],
|
|
.notion-body.dark .notion-focusable[role='button'][style*='background: rgb(63, 68, 71);'],
|
|
.notion-body:not(.dark)
|
|
.notion-focusable[role='button'][style*='background: rgba(55, 53, 47, 0.16)'],
|
|
[style*='z-index:'][style*='box-shadow: '][style*='font-size: 12px;'][style*='min-height: 24px; overflow: hidden; pointer-events:']
|
|
> .notion-focusable[style*='background']:active,
|
|
.notion-body:not(.dark)
|
|
.notion-default-overlay-container
|
|
[style*='grid-template-columns: [boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end];']
|
|
.notion-focusable[style*='background: rgb(233, 233, 231);'] {
|
|
background: var(--theme--ui_interactive-active) !important;
|
|
color: var(--theme--text) !important;
|
|
fill: var(--theme--text) !important;
|
|
}
|
|
.notion-body:not(.dark) [style*='background: rgba(55, 53, 47, 0.16)'] svg,
|
|
.notion-body.dark .notion-focusable[role='button'][style*='background: rgb(63, 68, 71);'] svg {
|
|
color: var(--theme--text) !important;
|
|
fill: var(--theme--text) !important;
|
|
}
|
|
|
|
.notion-focusable-within,
|
|
.notion-share-menu
|
|
.notion-block-permission-settings-public-access
|
|
+ div
|
|
> div
|
|
> div
|
|
> div
|
|
> div
|
|
> .notion-focusable:first-child[role='button'][tabindex='0'][style*='user-select: none;'],
|
|
.notion-overlay-container
|
|
> div:nth-child(2)
|
|
> div
|
|
> div:nth-child(2)
|
|
> div:nth-child(2)
|
|
> div
|
|
> div
|
|
> div
|
|
> div
|
|
> div
|
|
> div:nth-child(1)[style*='display: flex; width: 100%; position: relative; z-index: 2; padding: 6px 10px; font-size: 14px; background:'],
|
|
.notion-overlay-container
|
|
> div:nth-child(3)
|
|
> div
|
|
> div:nth-child(2)
|
|
> div:nth-child(2)
|
|
> div
|
|
> div
|
|
> div
|
|
> div
|
|
> div
|
|
> div:nth-child(1)[style*='display: flex; width: 100%; position: relative; z-index: 2; padding: 6px 10px; font-size: 14px; background:'],
|
|
#notion-app
|
|
> div
|
|
> div.notion-overlay-container.notion-default-overlay-container
|
|
> [data-overlay='true']
|
|
> div
|
|
> div:nth-child(2)
|
|
> div:nth-child(2)
|
|
> div
|
|
> div
|
|
> div
|
|
> div
|
|
> div:nth-child(1)
|
|
> div[style*='background'] {
|
|
background: var(--theme--ui_input) !important;
|
|
}
|
|
|
|
.notion-body.dark
|
|
[style*='border-radius: 20px; box-shadow: rgba(255, 255, 255, 0.07) 0px 0px 0px 2px inset;'],
|
|
.notion-body:not(.dark)
|
|
[style*='border-radius: 20px; box-shadow: rgba(55, 53, 47, 0.09) 0px 0px 0px 2px inset;'] {
|
|
box-shadow: var(--theme--ui_divider) 0px 0px 0px 2px inset !important;
|
|
}
|
|
.notion-body.dark
|
|
[style*='box-shadow: rgba(255, 255, 255, 0.07) 0px 0px 0px 1px inset; border-radius: 3px;'],
|
|
.notion-body:not(.dark)
|
|
[style*='box-shadow: rgba(55, 53, 47, 0.09) 0px 0px 0px 1px inset; border-radius: 3px;'],
|
|
.notion-gallery-view
|
|
.notion-focusable[role='button'][style*='font-size: 14px; border-radius: 3px; box-shadow:']:last-child {
|
|
box-shadow: var(--theme--ui_divider) 0px 0px 0px 1px inset !important;
|
|
}
|
|
.notion-body.dark
|
|
[style*='border-radius: 3px; box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 1px;'],
|
|
.notion-body:not(.dark)
|
|
[style*='border-radius: 3px; box-shadow: rgba(55, 53, 47, 0.1) 0px 0px 0px 1px;'] {
|
|
box-shadow: var(--theme--ui_divider) 0px 0px 0px 1px !important;
|
|
}
|
|
|
|
#notion-app
|
|
.DayPicker-Day--today:not(.DayPicker-Day--selected):not(.DayPicker-Day--value):not(.DayPicker-Day--start):not(.DayPicker-Day--end) {
|
|
color: var(--theme--accent_red-text) !important;
|
|
}
|
|
#notion-app
|
|
.DayPicker-Day--today:not(.DayPicker-Day--selected):not(.DayPicker-Day--value):not(.DayPicker-Day--start):not(.DayPicker-Day--end)::after,
|
|
.notion-timeline-view [style*='background: rgb(211, 79, 67); width: 22px;'],
|
|
.notion-timeline-view
|
|
[style*='width: 7px; height: 7px; background: rgb(211, 79, 67); border-radius: 100%;'] {
|
|
background: var(--theme--accent_red) !important;
|
|
}
|
|
#notion-app .DayPicker-Day.DayPicker-Day--range.DayPicker-Day--start,
|
|
#notion-app .DayPicker-Day.DayPicker-Day--range.DayPicker-Day--end {
|
|
background-color: var(--theme--accent_blue) !important;
|
|
}
|
|
#notion-app .DayPicker-Day.DayPicker-Day--range:hover {
|
|
border-radius: 0 !important;
|
|
}
|
|
.notion-calendar-view-day[style*='background'] {
|
|
background-color: var(--theme--accent_red) !important;
|
|
color: var(--theme--accent_red-text) !important;
|
|
}
|
|
.DayPicker-Day--outside,
|
|
.DayPicker-Weekday {
|
|
color: var(--theme--text_secondary) !important;
|
|
}
|
|
.notion-timeline-view [style*='height: 100%; border-right: 1px solid rgb(211, 79, 67);'] {
|
|
border-right: 1px solid var(--theme--accent_red) !important;
|
|
}
|
|
|
|
/* link underline */
|
|
|
|
.notion-body.dark
|
|
[style*='background-image: linear-gradient(to right, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.14) 100%);'],
|
|
.notion-body:not(.dark)
|
|
[style*='background-image: linear-gradient(to right, rgba(55, 53, 47, 0.16) 0%, rgba(55, 53, 47, 0.16) 100%);'] {
|
|
background-image: linear-gradient(
|
|
to right,
|
|
var(--theme--ui_divider) 0%,
|
|
var(--theme--ui_divider) 100%
|
|
) !important;
|
|
}
|
|
|
|
/** dividers **/
|
|
|
|
.notion-body.dark
|
|
.notion-page-content
|
|
.notranslate[style*='border-bottom: 1px solid rgba(255, 255, 255, 0.14);'],
|
|
.notion-body:not(.dark)
|
|
.notion-page-content
|
|
.notranslate[style*='border-bottom: 1px solid rgba(55, 53, 47, 0.16);'] {
|
|
border-bottom: 1px solid var(--theme--ui_divider) !important;
|
|
}
|
|
|
|
.notion-body.dark [style*='border-top: 1px solid rgb(77, 81, 83)'],
|
|
.notion-body.dark [style*='border-top: 1px solid rgb(63, 66, 69)'],
|
|
.notion-body.dark [style*='border-top: 1px solid rgb(63, 66, 67)'],
|
|
.notion-body.dark [style*='border-top: 1px solid rgb(60, 63, 67)'],
|
|
.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(233, 233, 231)'],
|
|
.notion-body:not(.dark) [style*='border-top: 1px solid rgb(237, 237, 236)'],
|
|
.notion-body:not(.dark) [style*='border-top: 1px solid rgb(238, 238, 237)'],
|
|
.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 rgb(63, 66, 67)'],
|
|
.notion-body.dark [style*='border-bottom: 1px solid rgb(60, 63, 67)'],
|
|
.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(233, 233, 231)'],
|
|
.notion-body:not(.dark) [style*='border-bottom: 1px solid rgb(237, 237, 236)'],
|
|
.notion-body:not(.dark) [style*='border-bottom: 1px solid rgb(238, 238, 237)'],
|
|
.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 rgb(63, 66, 67)'],
|
|
.notion-body.dark [style*='border-right: 1px solid rgb(60, 63, 67)'],
|
|
.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(233, 233, 231)'],
|
|
.notion-body:not(.dark) [style*='border-right: 1px solid rgb(237, 237, 236)'],
|
|
.notion-body:not(.dark) [style*='border-right: 1px solid rgb(238, 238, 237)'],
|
|
.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 rgb(63, 66, 67)'],
|
|
.notion-body.dark [style*='border-left: 1px solid rgb(60, 63, 67)'],
|
|
.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(233, 233, 231)'],
|
|
.notion-body:not(.dark) [style*='border-left: 1px solid rgb(237, 237, 236)'],
|
|
.notion-body:not(.dark) [style*='border-left: 1px solid rgb(238, 238, 237)'],
|
|
.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 rgb(63, 66, 67)'],
|
|
.notion-body.dark [style*='border: 1px solid rgb(60, 63, 67)'],
|
|
.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(233, 233, 231)'],
|
|
.notion-body:not(.dark) [style*='border: 1px solid rgb(237, 237, 236)'],
|
|
.notion-body:not(.dark) [style*='border: 1px solid rgb(238, 238, 237)'],
|
|
.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 rgb(63, 66, 67)'],
|
|
.notion-body.dark [style*='border-color: 1px solid rgb(60, 63, 67)'],
|
|
.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(233, 233, 231)'],
|
|
.notion-body:not(.dark) [style*='border-color: 1px solid rgb(237, 237, 236)'],
|
|
.notion-body:not(.dark) [style*='border-color: 1px solid rgb(238, 238, 237)'],
|
|
.notion-body:not(.dark) [style*='border-color: 1px solid rgba(55, 53, 47, 0.09)'],
|
|
.notion-body:not(.dark) [style*='border-color: 1px solid rgba(55, 53, 47, 0.16)'],
|
|
.notion-callout-block > div > :not([style*='border-color: transparent']) {
|
|
border-color: var(--theme--ui_divider) !important;
|
|
}
|
|
|
|
.notion-body.dark [style*='box-shadow: rgb(77, 81, 83) -1px 0px 0px'],
|
|
.notion-body.dark [style*='box-shadow: rgba(255, 255, 255, 0.07) -1px 0px 0px'],
|
|
.notion-body:not(.dark) [style*='box-shadow: rgb(233, 233, 231) -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(233, 233, 231) 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(233, 233, 231) 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(233, 233, 231) 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(63, 66, 69) 0px 1px 0px;'],
|
|
.notion-body:not(.dark)
|
|
[style*='box-shadow: white -3px 0px 0px, rgb(233, 233, 231) 0px 1px 0px;'] {
|
|
box-shadow: var(--theme--ui_divider) 0px 1px 0px !important;
|
|
}
|
|
.notion-body.dark
|
|
.notion-collection_view_page-block
|
|
> [style*='box-shadow: rgb(47, 52, 55) -3px 0px 0px;'],
|
|
.notion-body:not(.dark)
|
|
.notion-collection_view_page-block
|
|
> [style*='box-shadow: white -3px 0px 0px;'],
|
|
.notion-body.dark
|
|
.notion-collection_view-block
|
|
> [style*='box-shadow: rgb(47, 52, 55) -3px 0px 0px;'],
|
|
.notion-body:not(.dark)
|
|
.notion-collection_view-block
|
|
> [style*='box-shadow: white -3px 0px 0px;'] {
|
|
box-shadow: transparent -3px 0px 0px !important;
|
|
}
|
|
.notion-focusable[role='button'][style*='box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px;'] {
|
|
box-shadow: var(--theme--ui_divider) 0px 0px 0px 1px !important;
|
|
}
|
|
|
|
.notion-sidebar-container[style*='box-shadow:'] {
|
|
box-shadow: var(--theme--ui_divider) -2px 0px 0px 0px inset !important;
|
|
}
|
|
|
|
/** colours **/
|
|
|
|
[style*='background: rgb(46, 170, 220)'] {
|
|
background: var(--theme--accent_blue) !important;
|
|
color: var(--theme--accent_blue-text) !important;
|
|
}
|
|
[style*='background: rgb(6, 156, 205);'] {
|
|
background: var(--theme--accent_blue-hover) !important;
|
|
color: var(--theme--accent_blue-text) !important;
|
|
}
|
|
[style*='background: rgb(0, 141, 190);'] {
|
|
background: var(--theme--accent_blue-active) !important;
|
|
color: var(--theme--accent_blue-text) !important;
|
|
}
|
|
[style*='background: rgb(46, 170, 220)'] .chevronDown,
|
|
[style*='background: rgb(6, 156, 205);'] .chevronDown,
|
|
[style*='background: rgb(0, 141, 190);'] .chevronDown {
|
|
fill: var(--theme--accent_blue-text) !important;
|
|
}
|
|
[style*='fill: rgb(46, 170, 220)'] {
|
|
fill: var(--theme--accent_blue) !important;
|
|
}
|
|
[style*=' color: rgb(46, 170, 220)'],
|
|
[style^='color: rgb(46, 170, 220)'] {
|
|
color: var(--theme--accent_blue) !important;
|
|
}
|
|
[style*='background: rgba(46, 170, 220, 0.'],
|
|
[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;
|
|
}
|
|
.notion-sidebar-switcher:focus-visible {
|
|
box-shadow: none !important;
|
|
}
|
|
.notion-onboarding-plan-type-team[style*='box-shadow: rgb(46, 170, 220)'],
|
|
.notion-onboarding-plan-type-personal[style*='box-shadow: rgb(46, 170, 220)'] {
|
|
box-shadow: var(--theme--accent_blue) 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-color: rgb(235, 87, 87); height: 28px; width: 28px;'],
|
|
.notion-login [style*='background: rgb(225, 98, 89)'],
|
|
.notion-login [style*='background: rgb(207, 83, 74)'],
|
|
.notion-login [style*='background: rgb(191, 77, 69)'] {
|
|
background: var(--theme--accent_red) !important;
|
|
border-color: var(--theme--accent_red) !important;
|
|
}
|
|
[style*='background: rgb(235, 87, 87); color: white; border-radius: 3px;']:not([role='button']) {
|
|
background: var(--theme--accent_red) !important;
|
|
color: var(--theme--accent_red-text) !important;
|
|
}
|
|
[style*='color: rgb(235, 87, 87); border: 1px solid rgba(235, 87, 87, 0.5);'][role='button'] {
|
|
color: var(--theme--accent_red) !important;
|
|
border: 1px solid var(--theme--accent_red) !important;
|
|
}
|
|
.notion-focusable[style*='border-radius: 3px;'][style*='color: rgb(235, 87, 87);'][role='button'],
|
|
[style*='font-size: 12px; font-weight: 600; color: rgb(235, 87, 87);'],
|
|
[style*='flex-shrink: 0; margin-top: -1px; margin-right: 4px; fill: rgb(235, 87, 87);'],
|
|
[style*='font-size: 12px;'] > [style*='pointer-events: none; color: rgb(235, 87, 87);'] {
|
|
color: var(--theme--accent_red) !important;
|
|
fill: var(--theme--accent_red) !important;
|
|
}
|
|
.notion-focusable[style*='border-radius: 3px;'][style*='background: rgba(235, 87, 87, 0.1);'][role='button']:hover {
|
|
background: var(--theme--accent_red-button) !important;
|
|
}
|
|
|
|
.notion-transclusion_container-block > div > div > div[style*='border: 2px'],
|
|
.notion-transclusion_reference-block > div > div > div[style*='border: 2px'] {
|
|
border-color: var(--theme--accent_red, #e38676) !important;
|
|
}
|
|
|
|
.notion-text-mention-token[style*='color:#2EAADC;'] {
|
|
color: var(--theme--accent_blue) !important;
|
|
}
|
|
.notion-text-mention-token[style*='color:#EB5757;'],
|
|
.notion-link:hover {
|
|
color: var(--theme--accent_red) !important;
|
|
}
|
|
|
|
.notion-body.dark [style*='fill: rgb(202, 204, 206)'],
|
|
.notion-body:not(.dark) [style*='fill: rgba(55, 53, 47, 0.8)'] {
|
|
fill: var(--theme--icon) !important;
|
|
}
|
|
.notion-body.dark [style*='fill: rgba(202, 204, 206, 0.'],
|
|
.notion-body.dark [style*='fill: rgba(255, 255, 255, 0.'],
|
|
.notion-body:not(.dark) [style*='fill: rgba(25, 23, 17, 0.'],
|
|
.notion-body:not(.dark) [style*='fill: rgb(55, 53, 47)'],
|
|
.notion-body:not(.dark)
|
|
[style*='fill: rgba(55, 53, 47, 0.']:not([style*='fill: rgba(55, 53, 47, 0.8)']) {
|
|
fill: var(--theme--icon_secondary) !important;
|
|
}
|
|
.alarmClock,
|
|
.notion-to_do-block .checkboxSquare[style*='fill: inherit'] {
|
|
fill: currentColor !important;
|
|
}
|
|
|
|
.notion-app-inner,
|
|
.notion-page-content,
|
|
.notion-selectable.notion-page-block .notion-focusable > [style*=';color:'],
|
|
.notion-record-icon.notranslate.notion-focusable,
|
|
.notion-topbar-share-menu.notion-focusable,
|
|
.notion-collection-view-select.notion-focusable,
|
|
.notion-body.dark [style*=' color: rgba(255, 255, 255, 0.9);'],
|
|
.notion-body.dark [style^='color: rgba(255, 255, 255, 0.9);'],
|
|
.notion-body:not(.dark) [style*=' color: rgb(55, 53, 47)'],
|
|
.notion-body:not(.dark) [style^='color: rgb(55, 53, 47)'] {
|
|
color: var(--theme--text) !important;
|
|
}
|
|
.notion-body.dark [style*='border-bottom: 2px solid rgba(255, 255, 255, 0.9);'],
|
|
.notion-body:not(.dark) [style*='border-bottom: 2px solid rgb(55, 53, 47);'] {
|
|
border-bottom: 2px solid var(--theme--text) !important;
|
|
}
|
|
.notion-body.dark [style*='caret-color: rgba(255, 255, 255, 0.9)'],
|
|
.notion-body:not(.dark) [style*='caret-color: rgb(55, 53, 47)'] {
|
|
caret-color: var(--theme--text) !important;
|
|
}
|
|
.notion-body.dark [style*=' color: rgba(255, 255, 255, 0.6)'],
|
|
.notion-body.dark [style^='color: rgba(255, 255, 255, 0.6)'],
|
|
.notion-body.dark [style^='color:rgba(255, 255, 255, 0.6)'],
|
|
.notion-body:not(.dark) [style*=' color: rgba(55, 53, 47, 0.6)'],
|
|
.notion-body:not(.dark) [style^='color: rgba(55, 53, 47, 0.6)'],
|
|
.notion-body:not(.dark) [style^='color:rgba(55, 53, 47, 0.6)'],
|
|
.notion-sidebar-container > [style*='color'],
|
|
.notion-gallery-view
|
|
.notion-focusable[role='button'][style*='font-size: 14px; border-radius: 3px; box-shadow:']:last-child
|
|
svg
|
|
+ div,
|
|
.notion-body.dark [style*=' color: rgba(255, 255, 255, 0.4)'],
|
|
.notion-body.dark [style^='color: rgba(255, 255, 255, 0.4)'],
|
|
.notion-body:not(.dark) [style*=' color: rgba(55, 53, 47, 0.4)'],
|
|
.notion-body:not(.dark) [style^='color: rgba(55, 53, 47, 0.4)'],
|
|
.notion-page-controls,
|
|
.notion-page-details-controls,
|
|
.notion-calendar-view-day {
|
|
color: var(--theme--text_secondary) !important;
|
|
}
|
|
|
|
.notion-page-mention-token__title {
|
|
border-bottom: 0.05em solid var(--theme--text_secondary) !important;
|
|
}
|
|
.notion-to_do-block [placeholder='To-do'][style*='text-decoration: line-through'] {
|
|
text-decoration: line-through var(--theme--text_secondary) !important;
|
|
}
|
|
.notion-body.dark [style*='-webkit-text-fill-color: rgba(255, 255, 255, 0.4)'],
|
|
.notion-body:not(.dark) [style*='-webkit-text-fill-color: rgba(55, 53, 47, 0.4)'] {
|
|
-webkit-text-fill-color: var(--theme--text_secondary) !important;
|
|
}
|
|
.notion-body.dark [style*='border-color:rgba(255,255,255,0.4)'],
|
|
.notion-body:not(.dark) [style*='border-color:rgba(55,53,47,0.4)'] {
|
|
border-color: var(--theme--text_secondary) !important;
|
|
}
|
|
|
|
/* make sure to change in _mapColors.js as well if colors ever change */
|
|
.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']),
|
|
.notion-sidebar-container
|
|
.notion-sidebar
|
|
[style*='margin-top']
|
|
> .notion-focusable[style*='border-radius'] {
|
|
background: var(--theme--tag_default) !important;
|
|
color: var(--theme--tag_default-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;
|
|
}
|
|
|
|
/** simple tables **/
|
|
|
|
.notion-table-selection-overlay [style*='border: 2px solid rgb(116, 182, 219);'] {
|
|
border: 2px solid var(--theme--accent_blue) !important;
|
|
}
|
|
.notion-table-row-selector,
|
|
.notion-table-column-selector,
|
|
.notion-table-block .notion-focusable [style*='background: rgba(55, 53, 47, 0.06);'] {
|
|
background: var(--theme--ui_interactive-hover) !important;
|
|
}
|
|
.notion-table-row [style*='background: rgb(116, 182, 219);'],
|
|
.notion-table-row-selector[style*='background: rgb(116, 182, 219);'],
|
|
.notion-table-column-selector[style*='background: rgb(116, 182, 219);'],
|
|
.notion-table-block .notion-focusable [style*='background: rgb(116, 182, 219);'] {
|
|
background: var(--theme--accent_blue) !important;
|
|
}
|
|
.notion-table-row td[style*='background:'] {
|
|
background: var(--theme--bg_secondary) !important;
|
|
}
|