diff --git a/extension/launcher.js b/extension/launcher.js
index 1961b7c..d800d15 100644
--- a/extension/launcher.js
+++ b/extension/launcher.js
@@ -6,8 +6,12 @@
'use strict';
-import(chrome.runtime.getURL('api.js')).then(({ web, registry }) => {
- web.whenReady().then(async () => {
+// only load if user is logged into notion and viewing a page
+if (
+ localStorage['LRU:KeyValueStore2:current-user-id'] &&
+ location.pathname.split(/[/-]/g).reverse()[0].length === 32
+) {
+ import(chrome.runtime.getURL('api.js')).then(async ({ web, registry }) => {
for (const mod of await registry.get((mod) => registry.isEnabled(mod.id))) {
for (const sheet of mod.css?.client || []) {
web.loadStyleset(`repo/${mod._dir}/${sheet}`);
@@ -22,4 +26,4 @@ import(chrome.runtime.getURL('api.js')).then(({ web, registry }) => {
console.table(errors);
}
});
-});
+}
diff --git a/extension/manifest.json b/extension/manifest.json
index 418ba6d..e198185 100644
--- a/extension/manifest.json
+++ b/extension/manifest.json
@@ -12,9 +12,8 @@
},
"manifest_version": 3,
"action": {},
- "background": {
- "service_worker": "worker.js"
- },
+ "background": { "service_worker": "worker.js" },
+ "options_page": "repo/menu@a6621988-551d-495a-97d8-3c568bca2e9e/menu.html",
"web_accessible_resources": [
{
"resources": ["api.js", "repo/*", "icons/*", "dep/*"],
diff --git a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/theme.css b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/theme.css
index ef6c38a..00c5724 100644
--- a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/theme.css
+++ b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/theme.css
@@ -5,10 +5,7 @@
*/
/*
-inputs (settings, comment, filters, tag picker, etc.)
-grey vs text_ui in light mode
-tooltips
-hover menus
+grey vs text_ui in light mode (check change cover hover text)
*/
/** layout **/
@@ -83,50 +80,45 @@ hover menus
body,
.notion-cursor-listener,
.notion-frame,
+.notion-timeline-view,
.notion-cursor-listener > div > :first-child[style*='z-index: 100;'],
.notion-space-settings > div > div > div:nth-child(2) > div,
-.notion-body.dark .notion-collection_view_page-block [style*='background: rgb(47, 52, 55)'],
-.notion-body:not(.dark) .notion-collection_view_page-block [style*='background: white'],
-.notion-body.dark .notion-collection_view-block [style*='background: rgb(47, 52, 55)'],
-.notion-body:not(.dark) .notion-collection_view-block [style*='background: white'],
+.notion-body.dark .notion-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'],
+.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),
-: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-page-template-modal {
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 {
- background: var(--theme--bg_sidebar) !important;
-}
-
-.notion-overlay-container.notion-default-overlay-container
- [style*='display: flex']
- > [style*='position: relative; max-width:'][style*='overflow: hidden'],
-.notion-overlay-container.notion-default-overlay-container
- [style*='display: flex']
- > [style*='position: relative; max-width:'][style*='overflow: hidden']
- footer
- > [style*='background-color:'],
-.notion-updates-menu > :first-child > div[style*='background'],
-#notion-app
- > div
- > div.notion-overlay-container.notion-default-overlay-container
- > div:nth-child(2)
- > div
- > div:nth-child(2)[style*='margin-bottom: 0px; top: 90px; overflow: hidden; width: 75%;'] {
- background: var(--theme--bg_popup) !important;
- box-shadow: var(--theme--ui_shadow, rgba(15, 15, 15, 0.05)) 0px 0px 0px 1px,
- var(--theme--ui_shadow, rgba(15, 15, 15, 0.1)) 0px 3px 6px,
- var(--theme--ui_shadow, rgba(15, 15, 15, 0.2)) 0px 9px 24px !important;
-}
-
+.notion-space-settings > div > div > div:first-child,
.notion-body.dark .notion-collection_view_page-block [style*='background: rgb(55, 60, 63)'],
.notion-body:not(.dark)
.notion-collection_view_page-block
@@ -142,13 +134,116 @@ body,
> div
> div:nth-child(2)
table
- td[style*='background:']:not([style*='background: transparent']) {
- background: var(--theme--bg_table) !important;
+ 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 {
+ 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-overlay-container.notion-default-overlay-container
+ [style*='display: flex']
+ > [style*='position: relative; max-width:'][style*='overflow: hidden']:not([style*='border-radius: 3px;'][style*='position: relative; max-width: calc(100vw - 24px); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; overflow: hidden;'][style*='padding: 4px 8px; font-size: 12px; line-height: 1.4; font-weight: 500; white-space: nowrap;']),
+.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'],
+.notion-page-block.notion-collection-item > a[style*='background:'],
+[style*='z-index:'][style*='box-shadow: '][style*='font-size: 12px;'][style*='min-height: 24px; overflow: hidden; pointer-events:'],
+.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;']),
+.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) {
+ background: var(--theme--bg_popup) !important;
+ box-shadow: var(--theme--ui_shadow, rgba(15, 15, 15, 0.05)) 0px 0px 0px 1px,
+ var(--theme--ui_shadow, rgba(15, 15, 15, 0.1)) 0px 3px 6px,
+ var(--theme--ui_shadow, rgba(15, 15, 15, 0.2)) 0px 9px 24px !important;
+}
+
+.notion-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);'],
+.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 {
+ background: var(--theme--bg_popup) !important;
+}
+
+.notion-discussion-input > div > div[style*='background'],
+.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];']
+ [style*='grid-column: property-start / value-end; background: rgba(255, 255, 255, 0.02);'],
+.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];']
+ [style*='grid-column: property-start / value-end; background: rgba(0, 0, 0, 0.02);'],
+.notion-board-view [style*='width: 20px; margin-left: -20px; margin-top: -8px;'],
+.notion-page-block > div > div > div[style*='background-color: white;'],
+.line-numbers.notion-code-block + div .notion-focusable:not(:hover),
+.notion-overlay-container
+ [style*='position: relative; max-width: calc(100vw - 24px); box-shadow:']
+ > [style*='display: flex; align-items: center; padding: 8px 10px; width: 100%; background:'] {
+ background: transparent !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;
}
/** scrollbars **/
-::-webkit-scrollbar-track {
+::-webkit-scrollbar-track,
+::-webkit-scrollbar-corner {
background: var(--theme--scrollbar_track) !important;
}
::-webkit-scrollbar-thumb {
@@ -184,13 +279,15 @@ body,
/** ui **/
.notion-page-mention-token.notion-enable-hover:hover {
- box-shadow: 0 0 0 3px var(--theme_dark--page_mention_hover) !important;
- background: var(--theme_dark--page_mention_hover) !important;
+ 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_dark--toggle_on) !important;
+ background: var(--theme--ui_toggle-on) !important;
}
.notion-body.dark
.notion-focusable
@@ -198,36 +295,67 @@ body,
.notion-body:not(.dark)
.notion-focusable
> [style*='border-radius: 44px;'][style*='background: rgba(135, 131, 120, 0.3);'] {
- background: var(--theme_dark--toggle_off) !important;
+ 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 .checkboxSquare[style*='fill: inherit'],
.notion-to_do-block .check {
- fill: var(--theme_dark--toggle_feature) !important;
+ fill: var(--theme--ui_toggle-feature) !important;
}
.notion-focusable > [style*='border-radius: 44px;'] > div:empty {
- background: var(--theme_dark--toggle_feature) !important;
+ background: var(--theme--ui_toggle-feature) !important;
}
.notion-body.dark [style*='background: rgb(71, 76, 80);'],
-.notion-body:not(.dark) [style*='background: rgba(55, 53, 47, 0.08)'] {
+.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,
+.notion-focusable[role='button'][tabindex='0'][style*='box-shadow:'][style*='background:'][style*='transition: background 20ms ease-in 0s; cursor: pointer;']:not([style*='rgb(6, 156, 205);']):not([style*='rgb(0, 141, 190);']):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;
}
.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)'] {
+ .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(223, 223, 222);'] {
background: var(--theme--ui_interactive-active) !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;'] {
+ background: var(--theme--ui_input) !important;
+}
+
.notion-overlay-container
[style*='border-radius: 3px;'][style*='position: relative; max-width: calc(100vw - 24px); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; overflow: hidden;'][style*='padding: 4px 8px; font-size: 12px; line-height: 1.4; font-weight: 500; white-space: nowrap;'] {
- background: var(--theme_dark--tooltip) !important;
- box-shadow: var(--theme--ui_shadow, rgb(0 0 0 / 30%)) 0px 1px 4px !important;
- color: var(--theme_dark--tooltip-text) !important;
+ background: var(--theme--ui_tooltip) !important;
+ box-shadow: var(--theme--ui_shadow) 0px 1px 4px !important;
+ color: var(--theme--ui_tooltip-title) !important;
}
.notion-overlay-container
[style*='border-radius: 3px;'][style*='position: relative; max-width: calc(100vw - 24px); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; overflow: hidden;'][style*='padding: 4px 8px; font-size: 12px; line-height: 1.4; font-weight: 500; white-space: nowrap;']
[style*='color: '] {
- color: var(--theme_dark--tooltip-text_grey) !important;
+ color: var(--theme--ui_tooltip-description) !important;
}
.notion-help-button {
@@ -245,23 +373,76 @@ body,
.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;'] {
+ [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;
+}
-/** dividers **/
+#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:not([style*='color: white'])::after,
+#notion-app
+ .DayPicker-Day.DayPicker-Day--range.DayPicker-Day--end:not([style*='color: white'])::after {
+ content: '';
+ background-color: var(--theme--accent_blue-selection) !important;
+ position: absolute;
+ width: 32px;
+ height: 30px;
+}
+#notion-app
+ .DayPicker-Day.DayPicker-Day--range.DayPicker-Day--start:not([style*='color: white'])::after {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+#notion-app
+ .DayPicker-Day.DayPicker-Day--range.DayPicker-Day--end:not([style*='color: white'])::after {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.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_ui) !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%);'] {
- /* link underline */
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);'],
@@ -328,7 +509,8 @@ body,
.notion-body:not(.dark) [style*='border-color: 1px solid rgb(223, 223, 222)'],
.notion-body:not(.dark) [style*='border-color: 1px solid rgb(237, 237, 236)'],
.notion-body:not(.dark) [style*='border-color: 1px solid rgba(55, 53, 47, 0.09)'],
-.notion-body:not(.dark) [style*='border-color: 1px solid rgba(55, 53, 47, 0.16)'] {
+.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;
}
@@ -375,16 +557,36 @@ body,
[style*='box-shadow: white -3px 0px 0px, rgb(223, 223, 222) 0px 1px 0px;'] {
box-shadow: var(--theme--ui_divider) 0px 1px 0px !important;
}
+.notion-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;
+ margin-left: 20px;
+}
.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;
}
-[style*='color: rgb(46, 170, 220)'] {
+[style*=' color: rgb(46, 170, 220)'],
+[style^='color: rgb(46, 170, 220)'] {
color: var(--theme--accent_blue) !important;
}
[style*='background-color: rgba(46, 170, 220, 0.'] {
@@ -435,7 +637,8 @@ body,
}
.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*='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;
}
@@ -443,6 +646,7 @@ body,
background: var(--theme--accent_red-hover) !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;
}
@@ -462,6 +666,7 @@ body,
.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_ui) !important;
@@ -496,7 +701,11 @@ body,
.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-sidebar-container > [style*='color'],
+.notion-gallery-view
+ .notion-focusable[role='button'][style*='font-size: 14px; border-radius: 3px; box-shadow:']:last-child
+ svg
+ + div {
color: var(--theme--text_ui) !important;
}
.notion-page-mention-token__title {
@@ -532,14 +741,51 @@ body,
color: var(--theme--tag_default-text) !important;
}
-.notion-body.dark [style*='color:rgba(151,154,155,0.95)'],
-.notion-body.dark [style^='color: rgba(255, 255, 255, 0.6)'],
-.notion-body.dark [style*=' color: rgba(255, 255, 255, 0.6)'],
-.notion-body.dark [style*='color: rgba(151, 154, 155, 0.95)'],
-.notion-body:not(.dark) [style*='color:rgb(155,154,151)'],
-.notion-body:not(.dark) [style^='color: rgba(55, 53, 47, 0.6)'],
-.notion-body:not(.dark) [style*=' color: rgba(55, 53, 47, 0.6)'],
-.notion-body:not(.dark) [style*='color: rgb(155, 154, 151)'] {
+.notion-body.dark
+ .notion-overlay-container.notion-default-overlay-container
+ > div:nth-child(3)
+ > div
+ > div
+ > div:nth-child(2)
+ > div
+ > div
+ > div
+ > div
+ > div
+ > div
+ > div:nth-child(2)
+ > div:nth-child(3)
+ > div
+ > div:nth-child(1)
+ > [style^='color: rgba(255, 255, 255, 0.6)'],
+.notion-body.dark .notion-text-block > [style^='color: rgba(255, 255, 255, 0.6)'],
+.notion-body.dark .notion-callout-block > div > [style*=' color: rgba(255, 255, 255, 0.6)'],
+.notion-body.dark [style*='color:rgba(151,154,155,0.95)'][data-token-index],
+.notion-body.dark [style*='color: rgba(151, 154, 155, 0.95)'][data-token-index],
+.notion-body:not(.dark) [style*='color:rgb(155,154,151)'][data-token-index],
+.notion-body:not(.dark) [style*='color: rgb(155, 154, 151)'][data-token-index],
+.notion-body:not(.dark) .notion-text-block > [style^='color: rgba(55, 53, 47, 0.6)'],
+.notion-body:not(.dark)
+ .notion-overlay-container.notion-default-overlay-container
+ > div:nth-child(3)
+ > div
+ > div
+ > div:nth-child(2)
+ > div
+ > div
+ > div
+ > div
+ > div
+ > div
+ > div:nth-child(2)
+ > div:nth-child(3)
+ > div
+ > div:nth-child(1)
+ > [style*=' color: rgba(55, 53, 47, 0.6)'],
+.notion-body:not(.dark)
+ .notion-callout-block
+ > div
+ > [style*=' color: rgba(55, 53, 47, 0.6)'] {
color: var(--theme--text_grey) !important;
fill: var(--theme--text_grey) !important;
}
@@ -581,7 +827,8 @@ body,
.notion-body.dark [style*='background: rgba(151, 154, 155, 0.5)'],
.notion-body.dark [style*='background-color: rgba(151, 154, 155, 0.5)'],
.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'],
-.notion-body:not(.dark) [style*='background-color: rgba(140, 46, 0, 0.2)'] {
+.notion-body:not(.dark) [style*='background-color: rgba(140, 46, 0, 0.2)'],
+.notion-body:not(.dark) [style*='background: rgba(155, 154, 151, 0.4)'] {
background: var(--theme--tag_grey) !important;
color: var(--theme--tag_grey-text) !important;
}
diff --git a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables-temp.css b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables-temp.css
new file mode 100644
index 0000000..b48e951
--- /dev/null
+++ b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables-temp.css
@@ -0,0 +1,857 @@
+/*
+ * notion-enhancer core: theming
+ * (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * (c) 2020 admiraldus
+ * (c) 2020 CloudHill
+ * (https://notion-enhancer.github.io/) under the MIT license
+ *
+ * (rgb|hsl|#)[^;]+;
+ */
+
+/** light **/
+:root {
+ --theme_light--page-width: 900px;
+ --theme_light--page_full-width: 100%;
+ --theme_light--page-padding: calc(96px + env(safe-area-inset-left));
+ --theme_light--page_banner-height: 30vh;
+ --theme_light--preview-width: 977px;
+ --theme_light--preview-padding: 8rem;
+ --theme_light--preview_banner-height: 20vh;
+
+ --theme_light--dragarea: rgba(55, 53, 47, 0.04);
+ --theme_light--background: #fff;
+ --theme_light--sidebar: rgb(247, 246, 243);
+ --theme_light--sidebar-popout: #fff;
+ --theme_light--overlay: #fff;
+
+ --theme_light--scrollbar_track: #edece9;
+ --theme_light--scrollbar_thumb: #d3d1cb;
+ --theme_light--scrollbar_thumb-hover: #aeaca6;
+
+ --theme_light--accent_blue-r: 45;
+ --theme_light--accent_blue-g: 170;
+ --theme_light--accent_blue-b: 220;
+ --theme_light--accent_blue-text: #fff;
+ --theme_light--accent_blue_button-hover: rgb(6, 156, 205);
+ --theme_light--accent_blue_button-click: rgb(0, 141, 190);
+ --theme_light--accent_blue_date-hover: rgba(
+ var(--theme_light--accent_blue-r),
+ 156,
+ var(--theme_light--accent_blue-b),
+ 0.2
+ );
+ --theme_light--accent_red: rgb(235, 87, 87);
+ --theme_light--accent_red-text: #fff;
+
+ --theme_light--daypicker_outside-text: #8b9898;
+ --theme_light--notion_link-hover: #eb5757; /* links in certain parts of ui, not in page content */
+ --theme_light--icon: rgba(55, 53, 47, 0.8);
+ --theme_light--icon_ui: rgba(55, 53, 47, 0.4);
+ --theme_light--interactive_hover: rgba(55, 53, 47, 0.08);
+ --theme_light--interactive_active: rgba(55, 53, 47, 0.16);
+ --theme_light--page_mention_hover: rgba(148, 148, 148, 0.15);
+ --theme_light--toggle_on: rgb(
+ var(--theme_light--accent_blue-r),
+ var(--theme_light--accent_blue-g),
+ var(--theme_light--accent_blue-b)
+ );
+ --theme_light--toggle_off: rgba(135, 131, 120, 0.3);
+ --theme_light--toggle_feature: #fff;
+ --theme_light--help: #fff;
+ --theme_light--link-underline: rgba(55, 53, 47, 0.16);
+ --theme_light--tooltip: rgb(15, 15, 15);
+ --theme_light--tooltip-shadow: rgb(0 0 0 / 30%) 0px 1px 4px;
+ --theme_light--tooltip-text: rgba(255, 255, 255, 0.9);
+ --theme_light--tooltip-text_grey: rgba(206, 205, 202, 0.6);
+
+ --theme_light--shadow-r: 15;
+ --theme_light--shadow-g: var(--theme_light--shadow-r);
+ --theme_light--shadow-b: var(--theme_light--shadow-r);
+
+ --theme_light--database: #fff;
+ --theme_light--database-border: rgb(223, 223, 222);
+ --theme_light--database-border_light: rgb(237, 237, 236);
+ --theme_light--database_weekend: rgb(247, 246, 243);
+
+ --theme_light--font_sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
+ 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
+ --theme_light--font_serif: Lyon-Text, Georgia, YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN',
+ 'Hiragino Mincho Pro', 'Songti TC', 'Songti SC', SimSun, 'Nanum Myeongjo', NanumMyeongjo,
+ Batang, serif;
+ --theme_light--font_mono: iawriter-mono, Nitti, Menlo, Courier, monospace;
+ --theme_light--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier,
+ monospace;
+ --theme_light--font_quote: var(--theme_light--font_sans);
+ --theme_light--font_headings: var(--theme_light--font_sans);
+
+ --theme_light--text: rgb(55, 43, 47);
+ --theme_light--text_ui: rgba(55, 43, 47, 0.6);
+ --theme_light--text_sidebar: rgba(25, 23, 17, 0.6);
+ --theme_light--text_placeholder: rgba(55, 43, 47, 0.4);
+ --theme_light--text_decoration: rgba(55, 53, 47, 0.25);
+ --theme_light--text_grey: rgb(155, 154, 151);
+ --theme_light--text_brown: rgb(100, 71, 58);
+ --theme_light--text_orange: rgb(217, 115, 13);
+ --theme_light--text_yellow: rgb(223, 171, 1);
+ --theme_light--text_green: rgb(15, 123, 108);
+ --theme_light--text_blue: rgb(11, 110, 153);
+ --theme_light--text_purple: rgb(105, 64, 165);
+ --theme_light--text_pink: rgb(173, 26, 114);
+ --theme_light--text_red: rgb(224, 62, 62);
+
+ --theme_light--highlight-text: var(--theme_light--text);
+ --theme_light--highlight_grey: rgb(235, 236, 237);
+ --theme_light--highlight_grey-text: var(--theme_light--highlight-text);
+ --theme_light--highlight_brown: rgb(233, 229, 227);
+ --theme_light--highlight_brown-text: var(--theme_light--highlight-text);
+ --theme_light--highlight_orange: rgb(250, 235, 221);
+ --theme_light--highlight_orange-text: var(--theme_light--highlight-text);
+ --theme_light--highlight_yellow: rgb(251, 243, 219);
+ --theme_light--highlight_yellow-text: var(--theme_light--highlight-text);
+ --theme_light--highlight_green: rgb(221, 237, 234);
+ --theme_light--highlight_green-text: var(--theme_light--highlight-text);
+ --theme_light--highlight_blue: rgb(221, 235, 241);
+ --theme_light--highlight_blue-text: var(--theme_light--highlight-text);
+ --theme_light--highlight_purple: rgb(234, 228, 242);
+ --theme_light--highlight_purple-text: var(--theme_light--highlight-text);
+ --theme_light--highlight_pink: rgb(244, 223, 235);
+ --theme_light--highlight_pink-text: var(--theme_light--highlight-text);
+ --theme_light--highlight_red: rgb(251, 228, 228);
+ --theme_light--highlight_red-text: var(--theme_light--highlight-text);
+
+ --theme_light--block-text: var(--theme_light--text);
+ --theme_light--block_grey: rgb(235, 236, 237);
+ --theme_light--block_grey-text: var(--theme_light--block-text);
+ --theme_light--block_brown: rgb(233, 229, 227);
+ --theme_light--block_brown-text: var(--theme_light--block-text);
+ --theme_light--block_orange: rgb(250, 235, 221);
+ --theme_light--block_orange-text: var(--theme_light--block-text);
+ --theme_light--block_yellow: rgb(251, 243, 219);
+ --theme_light--block_yellow-text: var(--theme_light--block-text);
+ --theme_light--block_green: rgb(221, 237, 234);
+ --theme_light--block_green-text: var(--theme_light--block-text);
+ --theme_light--block_blue: rgb(221, 235, 241);
+ --theme_light--block_blue-text: var(--theme_light--block-text);
+ --theme_light--block_purple: rgb(234, 228, 242);
+ --theme_light--block_purple-text: var(--theme_light--block-text);
+ --theme_light--block_pink: rgb(244, 223, 235);
+ --theme_light--block_pink-text: var(--theme_light--block-text);
+ --theme_light--block_red: rgb(251, 228, 228);
+ --theme_light--block_red-text: var(--theme_light--block-text);
+
+ --theme_light--tag-text: var(--theme_light--text);
+ --theme_light--tag_default: rgba(206, 205, 202, 0.5);
+ --theme_light--tag_default-text: var(--theme_light--tag-text);
+ --theme_light--tag_grey: rgba(140, 46, 0, 0.2);
+ --theme_light--tag_grey-text: var(--theme_light--tag-text);
+ --theme_light--tag_brown: rgba(140, 46, 0, 0.2);
+ --theme_light--tag_brown-text: var(--theme_light--tag-text);
+ --theme_light--tag_orange: rgba(245, 93, 0, 0.2);
+ --theme_light--tag_orange-text: var(--theme_light--tag-text);
+ --theme_light--tag_yellow: rgba(233, 168, 0, 0.2);
+ --theme_light--tag_yellow-text: var(--theme_light--tag-text);
+ --theme_light--tag_green: rgba(0, 135, 107, 0.2);
+ --theme_light--tag_green-text: var(--theme_light--tag-text);
+ --theme_light--tag_blue: rgba(0, 120, 223, 0.2);
+ --theme_light--tag_blue-text: var(--theme_light--tag-text);
+ --theme_light--tag_purple: rgba(103, 36, 222, 0.2);
+ --theme_light--tag_purple-text: var(--theme_light--tag-text);
+ --theme_light--tag_pink: rgba(221, 0, 129, 0.2);
+ --theme_light--tag_pink-text: var(--theme_light--tag-text);
+ --theme_light--tag_red: rgba(255, 0, 26, 0.2);
+ --theme_light--tag_red-text: var(--theme_light--tag-text);
+
+ --theme_light--callout-text: var(--theme_light--text);
+ --theme_light--callout_grey: rgba(235, 236, 237, 0.3);
+ --theme_light--callout_grey-text: var(--theme_light--callout-text);
+ --theme_light--callout_brown: rgba(233, 229, 227, 0.3);
+ --theme_light--callout_brown-text: var(--theme_light--callout-text);
+ --theme_light--callout_orange: rgba(250, 235, 221, 0.3);
+ --theme_light--callout_orange-text: var(--theme_light--callout-text);
+ --theme_light--callout_yellow: rgba(251, 243, 219, 0.3);
+ --theme_light--callout_yellow-text: var(--theme_light--callout-text);
+ --theme_light--callout_green: rgba(221, 237, 234, 0.3);
+ --theme_light--callout_green-text: var(--theme_light--callout-text);
+ --theme_light--callout_blue: rgba(221, 235, 241, 0.3);
+ --theme_light--callout_blue-text: var(--theme_light--callout-text);
+ --theme_light--callout_purple: rgba(234, 228, 242, 0.3);
+ --theme_light--callout_purple-text: var(--theme_light--callout-text);
+ --theme_light--callout_pink: rgba(244, 223, 235, 0.3);
+ --theme_light--callout_pink-text: var(--theme_light--callout-text);
+ --theme_light--callout_red: rgba(251, 228, 228, 0.3);
+ --theme_light--callout_red-text: var(--theme_light--callout-text);
+
+ --theme_light--code_inline: rgba(135, 131, 120, 0.15);
+ --theme_light--code_inline-text: #eb5757;
+
+ --theme_light--code: #f7f6f3;
+ --theme_light--code_plain: var(--theme_light--text);
+ --theme_light--code_property: #905;
+ --theme_light--code_tag: var(--theme_light--code_property);
+ --theme_light--code_boolean: var(--theme_light--code_property);
+ --theme_light--code_number: var(--theme_light--code_property);
+ --theme_light--code_constant: var(--theme_light--code_property);
+ --theme_light--code_symbol: var(--theme_light--code_property);
+ --theme_light--code_deleted: var(--theme_light--code_property);
+ --theme_light--code_selector: #690;
+ --theme_light--code_attr-name: var(--theme_light--code_selector);
+ --theme_light--code_string: var(--theme_light--code_selector);
+ --theme_light--code_char: var(--theme_light--code_selector);
+ --theme_light--code_builtin: var(--theme_light--code_selector);
+ --theme_light--code_inserted: var(--theme_light--code_selector);
+ --theme_light--code_operator: #9a6e3a;
+ --theme_light--code_entity: var(--theme_light--code_operator);
+ --theme_light--code_url: var(--theme_light--code_operator);
+ --theme_light--code_variable: var(--theme_light--code_regex);
+ --theme_light--code_comment: slategrey;
+ --theme_light--code_cdata: var(--theme_light--code_comment);
+ --theme_light--code_prolog: var(--theme_light--code_comment);
+ --theme_light--code_doctype: var(--theme_light--code_comment);
+ --theme_light--code_atrule: #07a;
+ --theme_light--code_attr-value: var(--theme_light--code_atrule);
+ --theme_light--code_keyword: var(--theme_light--code_atrule);
+ --theme_light--code_regex: #e90;
+ --theme_light--code_important: var(--theme_light--code_regex);
+ --theme_light--code_function: #dd4a68;
+ --theme_light--code_class-name: var(--theme_light--code_function);
+ --theme_light--code_parameter: var(--theme_light--code_plain);
+ --theme_light--code_decorator: var(--theme_light--code_plain);
+ --theme_light--code_id: var(--theme_light--code_plain);
+ --theme_light--code_class: var(--theme_light--code_plain);
+ --theme_light--code_pseudo-element: var(--theme_light--code_plain);
+ --theme_light--code_pseudo-class: var(--theme_light--code_plain);
+ --theme_light--code_attribute: var(--theme_light--code_plain);
+ --theme_light--code_value: var(--theme_light--code_plain);
+ --theme_light--code_unit: var(--theme_light--code_plain);
+ --theme_light--code_punctuation: #999;
+ --theme_light--code_annotation: var(--theme_light--code_plain);
+}
+
+/** dark **/
+:root {
+ --theme_dark--page-width: 900px;
+ --theme_dark--page_full-width: 100%;
+ --theme_dark--page-padding: calc(96px + env(safe-area-inset-left));
+ --theme_dark--page_banner-height: 30vh;
+ --theme_dark--preview-width: 977px;
+ --theme_dark--preview-padding: 8rem;
+ --theme_dark--preview_banner-height: 20vh;
+
+ --theme_dark--dragarea: #272d2f;
+ --theme_dark--background: rgb(47, 52, 55);
+ --theme_dark--sidebar: rgb(55, 60, 63);
+ --theme_dark--sidebar-popout: rgb(55, 60, 63);
+ --theme_dark--overlay: rgb(63, 68, 71);
+
+ --theme_dark--scrollbar_track: rgba(202, 204, 206, 0.04);
+ --theme_dark--scrollbar_thumb: #474c50;
+ --theme_dark--scrollbar_thumb-hover: rgba(202, 204, 206, 0.3);
+
+ --theme_dark--accent_blue-r: 46;
+ --theme_dark--accent_blue-g: 170;
+ --theme_dark--accent_blue-b: 220;
+ --theme_dark--accent_blue-text: #fff;
+ --theme_dark--accent_blue_button-hover: rgb(6, 156, 205);
+ --theme_dark--accent_blue_button-click: rgb(0, 141, 190);
+ --theme_dark--accent_blue_date-hover: rgba(
+ var(--theme_dark--accent_blue-r),
+ 156,
+ var(--theme_dark--accent_blue-b),
+ 0.2
+ );
+ --theme_dark--accent_red: rgb(235, 87, 87);
+ --theme_dark--accent_red-text: #fff;
+
+ --theme_dark--daypicker_outside-text: #8b9898;
+ --theme_dark--notion_link-hover: #eb5757; /* links in certain parts of ui, not in page content */
+ --theme_dark--icon: rgba(202, 204, 206);
+ --theme_dark--icon_ui: rgb(202, 204, 206, 0.6);
+ --theme_dark--interactive_hover: rgb(71, 76, 80);
+ --theme_dark--interactive_active: rgb(63, 68, 71);
+ --theme_dark--page_mention_hover: rgba(148, 148, 148, 0.15);
+ --theme_dark--toggle_on: rgb(
+ var(--theme_dark--accent_blue-r),
+ var(--theme_dark--accent_blue-g),
+ var(--theme_dark--accent_blue-b)
+ );
+ --theme_dark--toggle_off: rgba(202, 204, 206, 0.3);
+ --theme_dark--toggle_feature: #fff;
+ --theme_dark--help: rgb(80, 85, 88);
+ --theme_dark--link-underline: rgba(255, 255, 255, 0.14);
+ --theme_dark--tooltip: rgb(202, 204, 206);
+ --theme_dark--tooltip-shadow: rgb(0 0 0 / 30%) 0px 1px 4px;
+ --theme_dark--tooltip-text: rgb(15, 15, 15);
+ --theme_dark--tooltip-text_grey: rgba(47, 52, 55, 0.6);
+
+ --theme_dark--shadow-r: 15;
+ --theme_dark--shadow-g: var(--theme_dark--shadow-r);
+ --theme_dark--shadow-b: var(--theme_dark--shadow-r);
+
+ --theme_dark--database: rgb(47, 52, 55);
+ --theme_dark--database-border: rgb(77, 81, 83);
+ --theme_dark--database-border_light: rgb(63, 66, 69);
+ --theme_dark--database_weekend: rgb(55, 60, 63);
+
+ --theme_dark--font_sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
+ 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
+ --theme_dark--font_serif: Lyon-Text, Georgia, YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN',
+ 'Hiragino Mincho Pro', 'Songti TC', 'Songti SC', SimSun, 'Nanum Myeongjo', NanumMyeongjo,
+ Batang, serif;
+ --theme_dark--font_mono: iawriter-mono, Nitti, Menlo, Courier, monospace;
+ --theme_dark--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier,
+ monospace;
+ --theme_dark--font_quote: var(--theme_dark--font_sans);
+ --theme_dark--font_headings: var(--theme_dark--font_sans);
+
+ --theme_dark--text: rgba(255, 255, 255, 0.9);
+ --theme_dark--text_ui: rgba(255, 255, 255, 0.6);
+ --theme_dark--text_sidebar: rgba(255, 255, 255, 0.6);
+ --theme_dark--text_placeholder: rgba(255, 255, 255, 0.4);
+ --theme_dark--text_decoration: rgba(255, 255, 255, 0.3);
+ --theme_dark--text_grey: rgba(151, 154, 155, 0.95);
+ --theme_dark--text_brown: rgb(147, 114, 100);
+ --theme_dark--text_orange: rgb(255, 163, 68);
+ --theme_dark--text_yellow: rgb(255, 220, 73);
+ --theme_dark--text_green: rgb(77, 171, 154);
+ --theme_dark--text_blue: rgb(82, 156, 202);
+ --theme_dark--text_purple: rgb(154, 109, 215);
+ --theme_dark--text_pink: rgb(226, 85, 161);
+ --theme_dark--text_red: rgb(255, 115, 105);
+
+ --theme_dark--highlight-text: var(--theme_dark--text);
+ --theme_dark--highlight_grey: rgb(69, 75, 78);
+ --theme_dark--highlight_grey-text: var(--theme_dark--highlight-text);
+ --theme_dark--highlight_brown: rgb(67, 64, 64);
+ --theme_dark--highlight_brown-text: var(--theme_dark--highlight-text);
+ --theme_dark--highlight_orange: rgb(89, 74, 58);
+ --theme_dark--highlight_orange-text: var(--theme_dark--highlight-text);
+ --theme_dark--highlight_yellow: rgb(89, 86, 59);
+ --theme_dark--highlight_yellow-text: var(--theme_dark--highlight-text);
+ --theme_dark--highlight_green: rgb(53, 76, 75);
+ --theme_dark--highlight_green-text: var(--theme_dark--highlight-text);
+ --theme_dark--highlight_blue: rgb(54, 73, 84);
+ --theme_dark--highlight_blue-text: var(--theme_dark--highlight-text);
+ --theme_dark--highlight_purple: rgb(68, 63, 87);
+ --theme_dark--highlight_purple-text: var(--theme_dark--highlight-text);
+ --theme_dark--highlight_pink: rgb(83, 59, 76);
+ --theme_dark--highlight_pink-text: var(--theme_dark--highlight-text);
+ --theme_dark--highlight_red: rgb(89, 65, 65);
+ --theme_dark--highlight_red-text: var(--theme_dark--highlight-text);
+
+ --theme_dark--block-text: var(--theme_dark--text);
+ --theme_dark--block_grey: rgb(69, 75, 78);
+ --theme_dark--block_grey-text: var(--theme_dark--block-text);
+ --theme_dark--block_brown: rgb(67, 64, 64);
+ --theme_dark--block_brown-text: var(--theme_dark--block-text);
+ --theme_dark--block_orange: rgb(89, 74, 58);
+ --theme_dark--block_orange-text: var(--theme_dark--block-text);
+ --theme_dark--block_yellow: rgb(89, 86, 59);
+ --theme_dark--block_yellow-text: var(--theme_dark--block-text);
+ --theme_dark--block_green: rgb(53, 76, 75);
+ --theme_dark--block_green-text: var(--theme_dark--block-text);
+ --theme_dark--block_blue: rgb(54, 73, 84);
+ --theme_dark--block_blue-text: var(--theme_dark--block-text);
+ --theme_dark--block_purple: rgb(68, 63, 87);
+ --theme_dark--block_purple-text: var(--theme_dark--block-text);
+ --theme_dark--block_pink: rgb(83, 59, 76);
+ --theme_dark--block_pink-text: var(--theme_dark--block-text);
+ --theme_dark--block_red: rgb(89, 65, 65);
+ --theme_dark--block_red-text: var(--theme_dark--block-text);
+
+ --theme_dark--tag-text: var(--theme_dark--text);
+ --theme_dark--tag_default: rgb(80, 85, 88);
+ --theme_dark--tag_default-text: var(--theme_dark--tag-text);
+ --theme_dark--tag_grey: rgba(151, 154, 155, 0.5);
+ --theme_dark--tag_grey-text: var(--theme_dark--tag-text);
+ --theme_dark--tag_brown: rgba(147, 114, 100, 0.5);
+ --theme_dark--tag_brown-text: var(--theme_dark--tag-text);
+ --theme_dark--tag_orange: rgba(255, 163, 68, 0.5);
+ --theme_dark--tag_orange-text: var(--theme_dark--tag-text);
+ --theme_dark--tag_yellow: rgba(255, 220, 73, 0.5);
+ --theme_dark--tag_yellow-text: var(--theme_dark--tag-text);
+ --theme_dark--tag_green: rgba(77, 171, 154, 0.5);
+ --theme_dark--tag_green-text: var(--theme_dark--tag-text);
+ --theme_dark--tag_blue: rgba(82, 156, 202, 0.5);
+ --theme_dark--tag_blue-text: var(--theme_dark--tag-text);
+ --theme_dark--tag_purple: rgba(154, 109, 215, 0.5);
+ --theme_dark--tag_purple-text: var(--theme_dark--tag-text);
+ --theme_dark--tag_pink: rgba(226, 85, 161, 0.5);
+ --theme_dark--tag_pink-text: var(--theme_dark--tag-text);
+ --theme_dark--tag_red: rgba(255, 115, 105, 0.5);
+ --theme_dark--tag_red-text: var(--theme_dark--tag-text);
+
+ --theme_dark--callout-text: var(--theme_dark--text);
+ --theme_dark--callout_grey: rgba(69, 75, 78, 0.3);
+ --theme_dark--callout_grey-text: var(--theme_dark--callout-text);
+ --theme_dark--callout_brown: rgba(67, 64, 64, 0.3);
+ --theme_dark--callout_brown-text: var(--theme_dark--callout-text);
+ --theme_dark--callout_orange: rgba(89, 74, 58, 0.3);
+ --theme_dark--callout_orange-text: var(--theme_dark--callout-text);
+ --theme_dark--callout_yellow: rgba(89, 86, 59, 0.3);
+ --theme_dark--callout_yellow-text: var(--theme_dark--callout-text);
+ --theme_dark--callout_green: rgba(53, 76, 75, 0.3);
+ --theme_dark--callout_green-text: var(--theme_dark--callout-text);
+ --theme_dark--callout_blue: rgba(54, 73, 84, 0.3);
+ --theme_dark--callout_blue-text: var(--theme_dark--callout-text);
+ --theme_dark--callout_purple: rgba(68, 63, 87, 0.3);
+ --theme_dark--callout_purple-text: var(--theme_dark--callout-text);
+ --theme_dark--callout_pink: rgba(83, 59, 76, 0.3);
+ --theme_dark--callout_pink-text: var(--theme_dark--callout-text);
+ --theme_dark--callout_red: rgba(89, 65, 65, 0.3);
+ --theme_dark--callout_red-text: var(--theme_dark--callout-text);
+
+ --theme_dark--code_inline: rgba(135, 131, 120, 0.15);
+ --theme_dark--code_inline-text: #eb5757;
+
+ --theme_dark--code: rgb(63, 68, 71);
+ --theme_dark--code_plain: var(--theme_dark--text);
+ --theme_dark--code_property: hsl(350, 40%, 70%);
+ --theme_dark--code_tag: var(--theme_dark--code_property);
+ --theme_dark--code_boolean: var(--theme_dark--code_property);
+ --theme_dark--code_number: var(--theme_dark--code_property);
+ --theme_dark--code_constant: var(--theme_dark--code_property);
+ --theme_dark--code_symbol: var(--theme_dark--code_property);
+ --theme_dark--code_deleted: #f00;
+ --theme_dark--code_selector: hsl(75, 70%, 60%);
+ --theme_dark--code_attr-name: var(--theme_dark--code_selector);
+ --theme_dark--code_string: var(--theme_dark--code_selector);
+ --theme_dark--code_char: var(--theme_dark--code_selector);
+ --theme_dark--code_builtin: var(--theme_dark--code_selector);
+ --theme_dark--code_inserted: var(--theme_dark--code_selector);
+ --theme_dark--code_operator: hsl(40, 90%, 60%);
+ --theme_dark--code_entity: var(--theme_dark--code_operator);
+ --theme_dark--code_url: var(--theme_dark--code_operator);
+ --theme_dark--code_variable: var(--theme_dark--code_operator);
+ --theme_dark--code_comment: hsl(30, 20%, 50%);
+ --theme_dark--code_cdata: var(--theme_dark--code_comment);
+ --theme_dark--code_prolog: var(--theme_dark--code_comment);
+ --theme_dark--code_doctype: var(--theme_dark--code_comment);
+ --theme_dark--code_atrule: hsl(350, 40%, 70%);
+ --theme_dark--code_attr-value: var(--theme_dark--code_atrule);
+ --theme_dark--code_keyword: var(--theme_dark--code_atrule);
+ --theme_dark--code_regex: #e90;
+ --theme_dark--code_important: var(--theme_dark--code_regex);
+ --theme_dark--code_function: var(--theme_dark--code_plain);
+ --theme_dark--code_class-name: var(--theme_dark--code_function);
+ --theme_dark--code_parameter: var(--theme_dark--code_plain);
+ --theme_dark--code_decorator: var(--theme_dark--code_plain);
+ --theme_dark--code_id: var(--theme_dark--code_plain);
+ --theme_dark--code_class: var(--theme_dark--code_plain);
+ --theme_dark--code_pseudo-element: var(--theme_dark--code_plain);
+ --theme_dark--code_pseudo-class: var(--theme_dark--code_plain);
+ --theme_dark--code_attribute: var(--theme_dark--code_plain);
+ --theme_dark--code_value: var(--theme_dark--code_plain);
+ --theme_dark--code_unit: var(--theme_dark--code_plain);
+ --theme_dark--code_punctuation: var(--theme_dark--code_plain);
+ --theme_dark--code_annotation: var(--theme_dark--code_plain);
+}
+
+body,
+.notion-light-theme {
+ --theme--page-width: var(--theme_light--page-width);
+ --theme--page_full-width: var(--theme_light--page_full-width);
+ --theme--page-padding: var(--theme_light--page-padding);
+ --theme--page_banner-height: var(--theme_light--page_banner-height);
+ --theme--preview-width: var(--theme_light--preview-width);
+ --theme--preview-padding: var(--theme_light--preview-padding);
+ --theme--preview_banner-height: var(--theme_light--preview_banner-height);
+
+ --theme--dragarea: var(--theme_light--dragarea);
+ --theme--background: var(--theme_light--background);
+ --theme--sidebar: var(--theme_light--sidebar);
+ --theme--sidebar-popout: var(--theme_light--sidebar-popout);
+ --theme--overlay: var(--theme_light--overlay);
+
+ --theme--scrollbar_track: var(--theme_light--scrollbar_track);
+ --theme--scrollbar_thumb: var(--theme_light--scrollbar_thumb);
+ --theme--scrollbar_thumb-hover: var(--theme_light--scrollbar_thumb-hover);
+
+ --theme--accent_blue-r: var(--theme_light--accent_blue-r);
+ --theme--accent_blue-g: var(--theme_light--accent_blue-g);
+ --theme--accent_blue-b: var(--theme_light--accent_blue-b);
+ --theme--accent_blue-text: var(--theme_light--accent_blue-text);
+ --theme--accent_blue_button-hover: var(--theme_light--accent_blue_button-hover);
+ --theme--accent_blue_button-click: var(--theme_light--accent_blue_button-click);
+ --theme--accent_blue_date-hover: var(--theme_light--accent_blue_date-hover);
+ --theme--accent_red: var(--theme_light--accent_red);
+ --theme--accent_red-text: var(--theme_light--accent_red-text);
+
+ --theme--daypicker_outside-text: var(--theme_light--daypicker_outside-text);
+ --theme--notion_link-hover: var(--theme_light--notion_link-hover);
+ --theme--icon: var(--theme_light--icon);
+ --theme--icon_ui: var(--theme_light--icon_ui);
+ --theme--interactive_hover: var(--theme_light--interactive_hover);
+ --theme--interactive_active: var(--theme_light--interactive_active);
+ --theme--page_mention_hover: var(--theme_light--page_mention_hover);
+ --theme--toggle_on: var(--theme_light--toggle_on);
+ --theme--toggle_off: var(--theme_light--toggle_off);
+ --theme--toggle_feature: var(--theme_light--toggle_feature);
+ --theme--help: var(--theme_light--help);
+ --theme--link-underline: var(--theme_light--link-underline);
+ --theme--tooltip: var(--theme_light--tooltip);
+ --theme--tooltip-shadow: var(--theme_light--tooltip-shadow);
+ --theme--tooltip-text: var(--theme_light--tooltip-text);
+ --theme--tooltip-text_grey: var(--theme_light--tooltip-text_grey);
+
+ --theme--shadow-r: var(--theme_light--shadow-r);
+ --theme--shadow-g: var(--theme_light--shadow-g);
+ --theme--shadow-b: var(--theme_light--shadow-b);
+
+ --theme--database: var(--theme_light--database);
+ --theme--database-border: var(--theme_light--database-border);
+ --theme--database_weekend: var(--theme_light--database_weekend);
+
+ --theme--font_sans: var(--theme_light--font_sans);
+ --theme--font_serif: var(--theme_light--font_serif);
+ --theme--font_mono: var(--theme_light--font_mono);
+ --theme--font_code: var(--theme_light--font_code);
+ --theme--font_quote: var(--theme_light--font_quote);
+ --theme--font_headings: var(--theme_light--font_headings);
+
+ --theme--text: var(--theme_light--text);
+ --theme--text_ui: var(--theme_light--text_ui);
+ --theme--text_sidebar: var(--theme_light--text_sidebar);
+ --theme--text_placeholder: var(--theme_light--text_placeholder);
+ --theme--text_decoration: var(--theme_light--text_decoration);
+ --theme--text_grey: var(--theme_light--text_grey);
+ --theme--text_brown: var(--theme_light--text_brown);
+ --theme--text_orange: var(--theme_light--text_orange);
+ --theme--text_yellow: var(--theme_light--text_yellow);
+ --theme--text_green: var(--theme_light--text_green);
+ --theme--text_blue: var(--theme_light--text_blue);
+ --theme--text_purple: var(--theme_light--text_purple);
+ --theme--text_pink: var(--theme_light--text_pink);
+ --theme--text_red: var(--theme_light--text_red);
+
+ --theme--highlight-text: var(--theme_light--highlight-text);
+ --theme--highlight_grey: var(--theme_light--highlight_grey);
+ --theme--highlight_grey-text: var(--theme_light--highlight_grey-text);
+ --theme--highlight_brown: var(--theme_light--highlight_brown);
+ --theme--highlight_brown-text: var(--theme_light--highlight_brown-text);
+ --theme--highlight_orange: var(--theme_light--highlight_orange);
+ --theme--highlight_orange-text: var(--theme_light--highlight_orange-text);
+ --theme--highlight_yellow: var(--theme_light--highlight_yellow);
+ --theme--highlight_yellow-text: var(--theme_light--highlight_yellow-text);
+ --theme--highlight_green: var(--theme_light--highlight_green);
+ --theme--highlight_green-text: var(--theme_light--highlight_green-text);
+ --theme--highlight_blue: var(--theme_light--highlight_blue);
+ --theme--highlight_blue-text: var(--theme_light--highlight_blue-text);
+ --theme--highlight_purple: var(--theme_light--highlight_purple);
+ --theme--highlight_purple-text: var(--theme_light--highlight_purple-text);
+ --theme--highlight_pink: var(--theme_light--highlight_pink);
+ --theme--highlight_pink-text: var(--theme_light--highlight_pink-text);
+ --theme--highlight_red: var(--theme_light--highlight_red);
+ --theme--highlight_red-text: var(--theme_light--highlight_red-text);
+
+ --theme--block-text: var(--theme_light--block-text);
+ --theme--block_grey: var(--theme_light--block_grey);
+ --theme--block_grey-text: var(--theme_light--block_grey-text);
+ --theme--block_brown: var(--theme_light--block_brown);
+ --theme--block_brown-text: var(--theme_light--block_brown-text);
+ --theme--block_orange: var(--theme_light--block_orange);
+ --theme--block_orange-text: var(--theme_light--block_orange-text);
+ --theme--block_yellow: var(--theme_light--block_yellow);
+ --theme--block_yellow-text: var(--theme_light--block_yellow-text);
+ --theme--block_green: var(--theme_light--block_green);
+ --theme--block_green-text: var(--theme_light--block_green-text);
+ --theme--block_blue: var(--theme_light--block_blue);
+ --theme--block_blue-text: var(--theme_light--block_blue-text);
+ --theme--block_purple: var(--theme_light--block_purple);
+ --theme--block_purple-text: var(--theme_light--block_purple-text);
+ --theme--block_pink: var(--theme_light--block_pink);
+ --theme--block_pink-text: var(--theme_light--block_pink-text);
+ --theme--block_red: var(--theme_light--block_red);
+ --theme--block_red-text: var(--theme_light--block_red-text);
+
+ --theme--tag-text: var(--theme_light--tag-text);
+ --theme--tag_default: var(--theme_light--tag_default);
+ --theme--tag_default-text: var(--theme_light--tag_default-text);
+ --theme--tag_grey: var(--theme_light--tag_grey);
+ --theme--tag_grey-text: var(--theme_light--tag_grey-text);
+ --theme--tag_brown: var(--theme_light--tag_brown);
+ --theme--tag_brown-text: var(--theme_light--tag_brown-text);
+ --theme--tag_orange: var(--theme_light--tag_orange);
+ --theme--tag_orange-text: var(--theme_light--tag_orange-text);
+ --theme--tag_yellow: var(--theme_light--tag_yellow);
+ --theme--tag_yellow-text: var(--theme_light--tag_yellow-text);
+ --theme--tag_green: var(--theme_light--tag_green);
+ --theme--tag_green-text: var(--theme_light--tag_green-text);
+ --theme--tag_blue: var(--theme_light--tag_blue);
+ --theme--tag_blue-text: var(--theme_light--tag_blue-text);
+ --theme--tag_purple: var(--theme_light--tag_purple);
+ --theme--tag_purple-text: var(--theme_light--tag_purple-text);
+ --theme--tag_pink: var(--theme_light--tag_pink);
+ --theme--tag_pink-text: var(--theme_light--tag_pink-text);
+ --theme--tag_red: var(--theme_light--tag_red);
+ --theme--tag_red-text: var(--theme_light--tag_red-text);
+
+ --theme--callout-text: var(--theme_light--callout-text);
+ --theme--callout_grey: var(--theme_light--callout_grey);
+ --theme--callout_grey-text: var(--theme_light--callout_grey-text);
+ --theme--callout_brown: var(--theme_light--callout_brown);
+ --theme--callout_brown-text: var(--theme_light--callout_brown-text);
+ --theme--callout_orange: var(--theme_light--callout_orange);
+ --theme--callout_orange-text: var(--theme_light--callout_orange-text);
+ --theme--callout_yellow: var(--theme_light--callout_yellow);
+ --theme--callout_yellow-text: var(--theme_light--callout_yellow-text);
+ --theme--callout_green: var(--theme_light--callout_green);
+ --theme--callout_green-text: var(--theme_light--callout_green-text);
+ --theme--callout_blue: var(--theme_light--callout_blue);
+ --theme--callout_blue-text: var(--theme_light--callout_blue-text);
+ --theme--callout_purple: var(--theme_light--callout_purple);
+ --theme--callout_purple-text: var(--theme_light--callout_purple-text);
+ --theme--callout_pink: var(--theme_light--callout_pink);
+ --theme--callout_pink-text: var(--theme_light--callout_pink-text);
+ --theme--callout_red: var(--theme_light--callout_red);
+ --theme--callout_red-text: var(--theme_light--callout_red-text);
+
+ --theme--code_inline: var(--theme_light--code_inline);
+ --theme--code_inline-text: var(--theme_light--code_inline-text);
+
+ --theme--code: var(--theme_light--code);
+ --theme--code_plain: var(--theme_light--code_plain);
+ --theme--code_property: var(--theme_light--code_property);
+ --theme--code_tag: var(--theme_light--code_tag);
+ --theme--code_boolean: var(--theme_light--code_boolean);
+ --theme--code_number: var(--theme_light--code_number);
+ --theme--code_constant: var(--theme_light--code_constant);
+ --theme--code_symbol: var(--theme_light--code_symbol);
+ --theme--code_deleted: var(--theme_light--code_deleted);
+ --theme--code_selector: var(--theme_light--code_selector);
+ --theme--code_attr-name: var(--theme_light--code_attr-name);
+ --theme--code_string: var(--theme_light--code_string);
+ --theme--code_char: var(--theme_light--code_char);
+ --theme--code_builtin: var(--theme_light--code_builtin);
+ --theme--code_inserted: var(--theme_light--code_inserted);
+ --theme--code_operator: var(--theme_light--code_operator);
+ --theme--code_entity: var(--theme_light--code_entity);
+ --theme--code_url: var(--theme_light--code_url);
+ --theme--code_variable: var(--theme_light--code_variable);
+ --theme--code_comment: var(--theme_light--code_comment);
+ --theme--code_cdata: var(--theme_light--code_cdata);
+ --theme--code_prolog: var(--theme_light--code_prolog);
+ --theme--code_doctype: var(--theme_light--code_doctype);
+ --theme--code_atrule: var(--theme_light--code_atrule);
+ --theme--code_attr-value: var(--theme_light--code_attr-value);
+ --theme--code_keyword: var(--theme_light--code_keyword);
+ --theme--code_regex: var(--theme_light--code_regex);
+ --theme--code_important: var(--theme_light--code_important);
+ --theme--code_function: var(--theme_light--code_function);
+ --theme--code_class-name: var(--theme_light--code_class-name);
+ --theme--code_parameter: var(--theme_light--code_parameter);
+ --theme--code_decorator: var(--theme_light--code_decorator);
+ --theme--code_id: var(--theme_light--code_id);
+ --theme--code_class: var(--theme_light--code_class);
+ --theme--code_pseudo-element: var(--theme_light--code_pseudo-element);
+ --theme--code_pseudo-class: var(--theme_light--code_pseudo-class);
+ --theme--code_attribute: var(--theme_light--code_attribute);
+ --theme--code_value: var(--theme_light--code_value);
+ --theme--code_unit: var(--theme_light--code_unit);
+ --theme--code_punctuation: var(--theme_light--code_punctuation);
+ --theme--code_annotation: var(--theme_light--code_annotation);
+}
+
+body.dark,
+.notion-dark-theme {
+ --theme--page-width: var(--theme_dark--page-width);
+ --theme--page_full-width: var(--theme_dark--page_full-width);
+ --theme--page-padding: var(--theme_dark--page-padding);
+ --theme--page_banner-height: var(--theme_dark--page_banner-height);
+ --theme--preview-width: var(--theme_dark--preview-width);
+ --theme--preview-padding: var(--theme_dark--preview-padding);
+ --theme--preview_banner-height: var(--theme_dark--preview_banner-height);
+
+ --theme--dragarea: var(--theme_dark--dragarea);
+ --theme--background: var(--theme_dark--background);
+ --theme--sidebar: var(--theme_dark--sidebar);
+ --theme--sidebar-popout: var(--theme_dark--sidebar-popout);
+ --theme--overlay: var(--theme_dark--overlay);
+
+ --theme--scrollbar_track: var(--theme_dark--scrollbar_track);
+ --theme--scrollbar_thumb: var(--theme_dark--scrollbar_thumb);
+ --theme--scrollbar_thumb-hover: var(--theme_dark--scrollbar_thumb-hover);
+
+ --theme--accent_blue-r: var(--theme_dark--accent_blue-r);
+ --theme--accent_blue-g: var(--theme_dark--accent_blue-g);
+ --theme--accent_blue-b: var(--theme_dark--accent_blue-b);
+ --theme--accent_blue-text: var(--theme_dark--accent_blue-text);
+ --theme--accent_blue_button-hover: var(--theme_dark--accent_blue_button-hover);
+ --theme--accent_blue_button-click: var(--theme_dark--accent_blue_button-click);
+ --theme--accent_blue_date-hover: var(--theme_dark--accent_blue_date-hover);
+ --theme--accent_red: var(--theme_dark--accent_red);
+ --theme--accent_red-text: var(--theme_dark--accent_red-text);
+
+ --theme--daypicker_outside-text: var(--theme_dark--daypicker_outside-text);
+ --theme--notion_link-hover: var(--theme_dark--notion_link-hover);
+ --theme--icon: var(--theme_dark--icon);
+ --theme--icon_ui: var(--theme_dark--icon_ui);
+ --theme--interactive_hover: var(--theme_dark--interactive_hover);
+ --theme--interactive_active: var(--theme_dark--interactive_active);
+ --theme--page_mention_hover: var(--theme_dark--page_mention_hover);
+ --theme--toggle_on: var(--theme_dark--toggle_on);
+ --theme--toggle_off: var(--theme_dark--toggle_off);
+ --theme--toggle_feature: var(--theme_dark--toggle_feature);
+ --theme--help: var(--theme_dark--help);
+ --theme--link-underline: var(--theme_dark--link-underline);
+ --theme--tooltip: var(--theme_dark--tooltip);
+ --theme--tooltip-shadow: var(--theme_dark--tooltip-shadow);
+ --theme--tooltip-text: var(--theme_dark--tooltip-text);
+ --theme--tooltip-text_grey: var(--theme_dark--tooltip-text_grey);
+
+ --theme--shadow-r: var(--theme_dark--shadow-r);
+ --theme--shadow-g: var(--theme_dark--shadow-g);
+ --theme--shadow-b: var(--theme_dark--shadow-b);
+
+ --theme--database: var(--theme_dark--database);
+ --theme--database-border: var(--theme_dark--database-border);
+ --theme--database_weekend: var(--theme_dark--database_weekend);
+
+ --theme--font_sans: var(--theme_dark--font_sans);
+ --theme--font_serif: var(--theme_dark--font_serif);
+ --theme--font_mono: var(--theme_dark--font_mono);
+ --theme--font_code: var(--theme_dark--font_code);
+ --theme--font_quote: var(--theme_dark--font_quote);
+ --theme--font_headings: var(--theme_dark--font_headings);
+
+ --theme--text: var(--theme_dark--text);
+ --theme--text_ui: var(--theme_dark--text_ui);
+ --theme--text_sidebar: var(--theme_dark--text_sidebar);
+ --theme--text_placeholder: var(--theme_dark--text_placeholder);
+ --theme--text_decoration: var(--theme_dark--text_decoration);
+ --theme--text_grey: var(--theme_dark--text_grey);
+ --theme--text_brown: var(--theme_dark--text_brown);
+ --theme--text_orange: var(--theme_dark--text_orange);
+ --theme--text_yellow: var(--theme_dark--text_yellow);
+ --theme--text_green: var(--theme_dark--text_green);
+ --theme--text_blue: var(--theme_dark--text_blue);
+ --theme--text_purple: var(--theme_dark--text_purple);
+ --theme--text_pink: var(--theme_dark--text_pink);
+ --theme--text_red: var(--theme_dark--text_red);
+
+ --theme--highlight-text: var(--theme_dark--highlight-text);
+ --theme--highlight_grey: var(--theme_dark--highlight_grey);
+ --theme--highlight_grey-text: var(--theme_dark--highlight_grey-text);
+ --theme--highlight_brown: var(--theme_dark--highlight_brown);
+ --theme--highlight_brown-text: var(--theme_dark--highlight_brown-text);
+ --theme--highlight_orange: var(--theme_dark--highlight_orange);
+ --theme--highlight_orange-text: var(--theme_dark--highlight_orange-text);
+ --theme--highlight_yellow: var(--theme_dark--highlight_yellow);
+ --theme--highlight_yellow-text: var(--theme_dark--highlight_yellow-text);
+ --theme--highlight_green: var(--theme_dark--highlight_green);
+ --theme--highlight_green-text: var(--theme_dark--highlight_green-text);
+ --theme--highlight_blue: var(--theme_dark--highlight_blue);
+ --theme--highlight_blue-text: var(--theme_dark--highlight_blue-text);
+ --theme--highlight_purple: var(--theme_dark--highlight_purple);
+ --theme--highlight_purple-text: var(--theme_dark--highlight_purple-text);
+ --theme--highlight_pink: var(--theme_dark--highlight_pink);
+ --theme--highlight_pink-text: var(--theme_dark--highlight_pink-text);
+ --theme--highlight_red: var(--theme_dark--highlight_red);
+ --theme--highlight_red-text: var(--theme_dark--highlight_red-text);
+
+ --theme--block-text: var(--theme_dark--block-text);
+ --theme--block_grey: var(--theme_dark--block_grey);
+ --theme--block_grey-text: var(--theme_dark--block_grey-text);
+ --theme--block_brown: var(--theme_dark--block_brown);
+ --theme--block_brown-text: var(--theme_dark--block_brown-text);
+ --theme--block_orange: var(--theme_dark--block_orange);
+ --theme--block_orange-text: var(--theme_dark--block_orange-text);
+ --theme--block_yellow: var(--theme_dark--block_yellow);
+ --theme--block_yellow-text: var(--theme_dark--block_yellow-text);
+ --theme--block_green: var(--theme_dark--block_green);
+ --theme--block_green-text: var(--theme_dark--block_green-text);
+ --theme--block_blue: var(--theme_dark--block_blue);
+ --theme--block_blue-text: var(--theme_dark--block_blue-text);
+ --theme--block_purple: var(--theme_dark--block_purple);
+ --theme--block_purple-text: var(--theme_dark--block_purple-text);
+ --theme--block_pink: var(--theme_dark--block_pink);
+ --theme--block_pink-text: var(--theme_dark--block_pink-text);
+ --theme--block_red: var(--theme_dark--block_red);
+ --theme--block_red-text: var(--theme_dark--block_red-text);
+
+ --theme--tag-text: var(--theme_dark--tag-text);
+ --theme--tag_default: var(--theme_dark--tag_default);
+ --theme--tag_default-text: var(--theme_dark--tag_default-text);
+ --theme--tag_grey: var(--theme_dark--tag_grey);
+ --theme--tag_grey-text: var(--theme_dark--tag_grey-text);
+ --theme--tag_brown: var(--theme_dark--tag_brown);
+ --theme--tag_brown-text: var(--theme_dark--tag_brown-text);
+ --theme--tag_orange: var(--theme_dark--tag_orange);
+ --theme--tag_orange-text: var(--theme_dark--tag_orange-text);
+ --theme--tag_yellow: var(--theme_dark--tag_yellow);
+ --theme--tag_yellow-text: var(--theme_dark--tag_yellow-text);
+ --theme--tag_green: var(--theme_dark--tag_green);
+ --theme--tag_green-text: var(--theme_dark--tag_green-text);
+ --theme--tag_blue: var(--theme_dark--tag_blue);
+ --theme--tag_blue-text: var(--theme_dark--tag_blue-text);
+ --theme--tag_purple: var(--theme_dark--tag_purple);
+ --theme--tag_purple-text: var(--theme_dark--tag_purple-text);
+ --theme--tag_pink: var(--theme_dark--tag_pink);
+ --theme--tag_pink-text: var(--theme_dark--tag_pink-text);
+ --theme--tag_red: var(--theme_dark--tag_red);
+ --theme--tag_red-text: var(--theme_dark--tag_red-text);
+
+ --theme--callout-text: var(--theme_dark--callout-text);
+ --theme--callout_grey: var(--theme_dark--callout_grey);
+ --theme--callout_grey-text: var(--theme_dark--callout_grey-text);
+ --theme--callout_brown: var(--theme_dark--callout_brown);
+ --theme--callout_brown-text: var(--theme_dark--callout_brown-text);
+ --theme--callout_orange: var(--theme_dark--callout_orange);
+ --theme--callout_orange-text: var(--theme_dark--callout_orange-text);
+ --theme--callout_yellow: var(--theme_dark--callout_yellow);
+ --theme--callout_yellow-text: var(--theme_dark--callout_yellow-text);
+ --theme--callout_green: var(--theme_dark--callout_green);
+ --theme--callout_green-text: var(--theme_dark--callout_green-text);
+ --theme--callout_blue: var(--theme_dark--callout_blue);
+ --theme--callout_blue-text: var(--theme_dark--callout_blue-text);
+ --theme--callout_purple: var(--theme_dark--callout_purple);
+ --theme--callout_purple-text: var(--theme_dark--callout_purple-text);
+ --theme--callout_pink: var(--theme_dark--callout_pink);
+ --theme--callout_pink-text: var(--theme_dark--callout_pink-text);
+ --theme--callout_red: var(--theme_dark--callout_red);
+ --theme--callout_red-text: var(--theme_dark--callout_red-text);
+
+ --theme--code_inline: var(--theme_dark--code_inline);
+ --theme--code_inline-text: var(--theme_dark--code_inline-text);
+
+ --theme--code: var(--theme_dark--code);
+ --theme--code_plain: var(--theme_dark--code_plain);
+ --theme--code_property: var(--theme_dark--code_property);
+ --theme--code_tag: var(--theme_dark--code_tag);
+ --theme--code_boolean: var(--theme_dark--code_boolean);
+ --theme--code_number: var(--theme_dark--code_number);
+ --theme--code_constant: var(--theme_dark--code_constant);
+ --theme--code_symbol: var(--theme_dark--code_symbol);
+ --theme--code_deleted: var(--theme_dark--code_deleted);
+ --theme--code_selector: var(--theme_dark--code_selector);
+ --theme--code_attr-name: var(--theme_dark--code_attr-name);
+ --theme--code_string: var(--theme_dark--code_string);
+ --theme--code_char: var(--theme_dark--code_char);
+ --theme--code_builtin: var(--theme_dark--code_builtin);
+ --theme--code_inserted: var(--theme_dark--code_inserted);
+ --theme--code_operator: var(--theme_dark--code_operator);
+ --theme--code_entity: var(--theme_dark--code_entity);
+ --theme--code_url: var(--theme_dark--code_url);
+ --theme--code_variable: var(--theme_dark--code_variable);
+ --theme--code_comment: var(--theme_dark--code_comment);
+ --theme--code_cdata: var(--theme_dark--code_cdata);
+ --theme--code_prolog: var(--theme_dark--code_prolog);
+ --theme--code_doctype: var(--theme_dark--code_doctype);
+ --theme--code_atrule: var(--theme_dark--code_atrule);
+ --theme--code_attr-value: var(--theme_dark--code_attr-value);
+ --theme--code_keyword: var(--theme_dark--code_keyword);
+ --theme--code_regex: var(--theme_dark--code_regex);
+ --theme--code_important: var(--theme_dark--code_important);
+ --theme--code_function: var(--theme_dark--code_function);
+ --theme--code_class-name: var(--theme_dark--code_class-name);
+ --theme--code_parameter: var(--theme_dark--code_parameter);
+ --theme--code_decorator: var(--theme_dark--code_decorator);
+ --theme--code_id: var(--theme_dark--code_id);
+ --theme--code_class: var(--theme_dark--code_class);
+ --theme--code_pseudo-element: var(--theme_dark--code_pseudo-element);
+ --theme--code_pseudo-class: var(--theme_dark--code_pseudo-class);
+ --theme--code_attribute: var(--theme_dark--code_attribute);
+ --theme--code_value: var(--theme_dark--code_value);
+ --theme--code_unit: var(--theme_dark--code_unit);
+ --theme--code_punctuation: var(--theme_dark--code_punctuation);
+ --theme--code_annotation: var(--theme_dark--code_annotation);
+}
diff --git a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables.css b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables.css
index e52c284..e028289 100644
--- a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables.css
+++ b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables.css
@@ -1,8 +1,6 @@
/*
* notion-enhancer core: theming
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
- * (c) 2020 admiraldus
- * (c) 2020 CloudHill
* (https://notion-enhancer.github.io/) under the MIT license
*
* (rgb|hsl|#)[^;]+;
@@ -18,9 +16,8 @@
--theme--page_preview_banner-height: 20vh;
--theme--bg: rgb(47, 52, 55);
- --theme--bg_sidebar: rgb(55, 60, 63);
+ --theme--bg_secondary: rgb(55, 60, 63);
--theme--bg_popup: rgb(63, 68, 71);
- --theme--bg_table: rgb(55, 60, 63);
--theme--scrollbar_track: rgba(202, 204, 206, 0.04);
--theme--scrollbar_thumb: #474c50;
@@ -36,19 +33,17 @@
--theme--font_quote: var(--theme--font_sans);
--theme--font_headings: var(--theme--font_sans);
- --theme_dark--daypicker_outside-text: #8b9898;
- --theme_dark--page_mention_hover: rgba(148, 148, 148, 0.15);
- --theme_dark--toggle_on: rgb(26, 170, 220);
- --theme_dark--toggle_off: rgba(202, 204, 206, 0.3);
- --theme_dark--toggle_feature: #fff;
- --theme_dark--tooltip: rgb(202, 204, 206);
- --theme_dark--tooltip-text: rgb(15, 15, 15);
- --theme_dark--tooltip-text_grey: rgba(47, 52, 55, 0.6);
-
--theme--ui_shadow: rgba(15, 15, 15, 0.15);
--theme--ui_divider: rgb(255, 255, 255, 0.07);
--theme--ui_interactive-hover: rgb(71, 76, 80);
--theme--ui_interactive-active: rgb(63, 68, 71);
+ --theme--ui_toggle-on: var(--theme--accent_blue);
+ --theme--ui_toggle-off: rgba(202, 204, 206, 0.3);
+ --theme--ui_toggle-feature: #fff;
+ --theme--ui_input: rgba(15, 15, 15, 0.3);
+ --theme--ui_tooltip: rgb(202, 204, 206);
+ --theme--ui_tooltip-title: rgb(15, 15, 15);
+ --theme--ui_tooltip-description: rgba(47, 52, 55, 0.6);
--theme--accent_blue: rgb(46, 170, 220);
--theme--accent_blue-selection: rgb(46, 170, 220, 0.25);
diff --git a/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/client.css b/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/client.css
index ba2a844..b0bca23 100644
--- a/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/client.css
+++ b/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/client.css
@@ -31,10 +31,6 @@
margin-bottom: -1.5px !important;
}
-.tweak--scroll_db_toolbars .notion-collection_view-block > [style*=' height: 42px'] {
- overflow-x: auto !important;
-}
-
.tweak--responsive_breakpoint .notion-column_list-block [style='display: flex;'] > div {
width: 100% !important;
}
diff --git a/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/client.js b/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/client.js
index 234862b..0324b98 100644
--- a/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/client.js
+++ b/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/client.js
@@ -30,7 +30,6 @@ web.whenReady().then(async () => {
'spaced_lines',
'hide_help',
'condensed_bullets',
- 'scroll_db_toolbars',
'bracketed_links',
]) {
if (await storage.get(_id, `tweak.${tweak}`)) {
diff --git a/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/mod.json b/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/mod.json
index d505312..1fd5716 100644
--- a/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/mod.json
+++ b/extension/repo/tweaks@5174a483-c88d-4bf8-a95f-35cd330b76e2/mod.json
@@ -73,13 +73,6 @@
"type": "toggle",
"value": false
},
- {
- "key": "tweak.scroll_db_toolbars",
- "label": "horizontally scroll dbs with shift",
- "tooltip": "hold the shift key down while scrolling. up = left, down = right.",
- "type": "toggle",
- "value": true
- },
{
"key": "tweak.bracketed_links",
"label": "bracketed links",