diff --git a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/client.js b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/client.js
new file mode 100644
index 0000000..18f5cd3
--- /dev/null
+++ b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/client.js
@@ -0,0 +1,16 @@
+/*
+ * notion-enhancer core: theming
+ * (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * (https://notion-enhancer.github.io/) under the MIT license
+ */
+
+'use strict';
+
+import { web } from '../../api.js';
+
+const $root = document.querySelector(':root');
+web.addDocumentObserver((mutation) => {
+  if (mutation.target === document.body) {
+    $root.classList[document.body.classList.contains('dark') ? 'add' : 'remove']('dark');
+  }
+});
diff --git a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/mod.json b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/mod.json
index 4c70eca..f4c9978 100644
--- a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/mod.json
+++ b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/mod.json
@@ -16,5 +16,8 @@
     "frame": ["variables.css"],
     "client": ["variables.css", "prism.css", "theme.css"],
     "menu": ["variables.css", "prism.css"]
+  },
+  "js": {
+    "client": ["client.js"]
   }
 }
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 00c5724..fe935ab 100644
--- a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/theme.css
+++ b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/theme.css
@@ -215,7 +215,29 @@ body,
 .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:'] {
+  > [style*='display: flex; align-items: center; padding: 8px 10px; width: 100%; background:'],
+.notion-default-overlay-container
+  > div:nth-child(3)
+  > div
+  > div:nth-child(2)
+  > div:nth-child(2)
+  > div
+  > div
+  > div
+  > div
+  > div
+  > div:nth-child(2)[style*='position: absolute; display: inline-flex; min-width: 100%; height: 32px; z-index: 1; background:'],
+.notion-default-overlay-container
+  > div:nth-child(2)
+  > div
+  > div:nth-child(2)
+  > div:nth-child(2)
+  > div
+  > div
+  > div
+  > div
+  > div
+  > div:nth-child(2)[style*='position: absolute; display: inline-flex; min-width: 100%; height: 32px; z-index: 1; background:'] {
   background: transparent !important;
 }
 
@@ -342,7 +364,29 @@ body,
   > div
   > div
   > div
-  > .notion-focusable:first-child[role='button'][tabindex='0'][style*='user-select: none;'] {
+  > .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:'] {
   background: var(--theme--ui_input) !important;
 }
 
@@ -709,10 +753,10 @@ body,
   color: var(--theme--text_ui) !important;
 }
 .notion-page-mention-token__title {
-  border-bottom: 0.05em solid var(--theme--text_decoration) !important;
+  border-bottom: 0.05em solid var(--theme--text_ui) !important;
 }
 .notion-to_do-block [placeholder='To-do'][style*='text-decoration: line-through'] {
-  text-decoration: line-through var(--theme--text_decoration) !important;
+  text-decoration: line-through var(--theme--text_ui) !important;
 }
 .notion-body.dark [style*=' color: rgba(255, 255, 255, 0.4)'],
 .notion-body.dark [style^='color: rgba(255, 255, 255, 0.4)'],
@@ -721,15 +765,15 @@ body,
 .notion-page-controls,
 .notion-page-details-controls,
 .notion-calendar-view-day {
-  color: var(--theme--text_decoration) !important;
+  color: var(--theme--text_ui) !important;
 }
 .notion-body.dark [style*='-webkit-text-fill-color: rgba(255, 255, 255, 0.4)'],
 .notion-body:not(.dark) [style*='-webkit-text-fill-color: rgba(55, 53, 47, 0.4)'] {
-  -webkit-text-fill-color: var(--theme--text_decoration) !important;
+  -webkit-text-fill-color: var(--theme--text_ui) !important;
 }
 .notion-body.dark [style*='border-color:rgba(255,255,255,0.4)'],
 .notion-body:not(.dark) [style*='border-color:rgba(55,53,47,0.4)'] {
-  border-color: var(--theme--text_decoration) !important;
+  border-color: var(--theme--text_ui) !important;
 }
 
 .notion-body.dark [style*='background: rgb(80, 85, 88)']:not([role='button']),
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
deleted file mode 100644
index b48e951..0000000
--- a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables-temp.css
+++ /dev/null
@@ -1,857 +0,0 @@
-/*
- * 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 e028289..5057eff 100644
--- a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables.css
+++ b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables.css
@@ -15,14 +15,6 @@
   --theme--page_preview-width: 977px;
   --theme--page_preview_banner-height: 20vh;
 
-  --theme--bg: rgb(47, 52, 55);
-  --theme--bg_secondary: rgb(55, 60, 63);
-  --theme--bg_popup: rgb(63, 68, 71);
-
-  --theme--scrollbar_track: rgba(202, 204, 206, 0.04);
-  --theme--scrollbar_thumb: #474c50;
-  --theme--scrollbar_thumb-hover: rgba(202, 204, 206, 0.3);
-
   --theme--font_sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
     'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
   --theme--font_serif: Lyon-Text, Georgia, YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN',
@@ -33,6 +25,190 @@
   --theme--font_quote: var(--theme--font_sans);
   --theme--font_headings: var(--theme--font_sans);
 
+  --theme--accent_blue: rgb(46, 170, 220);
+  --theme--accent_blue-selection: rgb(46, 170, 220, 0.25);
+  --theme--accent_blue-hover: rgb(6, 156, 205);
+  --theme--accent_blue-active: rgb(0, 141, 190);
+  --theme--accent_blue-text: #fff;
+  --theme--accent_red: #eb5757;
+  --theme--accent_red-hover: rgba(235, 87, 87, 0.1);
+  --theme--accent_red-text: #fff;
+}
+
+:root {
+  --theme--bg: #fff;
+  --theme--bg_secondary: rgb(247, 246, 243);
+  --theme--bg_popup: #fff;
+
+  --theme--scrollbar_track: #edece9;
+  --theme--scrollbar_thumb: #d3d1cb;
+  --theme--scrollbar_thumb-hover: #aeaca6;
+
+  --theme--ui_shadow: rgba(15, 15, 15, 0.15);
+  --theme--ui_divider: rgb(237, 237, 236);
+  --theme--ui_interactive-hover: rgba(55, 53, 47, 0.08);
+  --theme--ui_interactive-active: rgba(55, 53, 47, 0.16);
+  --theme--ui_toggle-on: var(--theme--accent_blue);
+  --theme--ui_toggle-off: rgba(135, 131, 120, 0.3);
+  --theme--ui_toggle-feature: #fff;
+  --theme--ui_input: rgba(242, 241, 238, 0.6);
+  --theme--ui_tooltip: rgb(15, 15, 15);
+  --theme--ui_tooltip-title: rgba(255, 255, 255, 0.9);
+  --theme--ui_tooltip-description: rgba(206, 205, 202, 0.6);
+
+  --theme--icon: rgba(55, 53, 47, 0.8);
+  --theme--icon_ui: rgba(55, 53, 47, 0.4);
+
+  --theme--text: rgb(55, 43, 47);
+  --theme--text_ui: rgba(55, 43, 47, 0.6);
+  --theme--text_placeholder: rgba(55, 43, 47, 0.4);
+  --theme--text_grey: rgb(155, 154, 151);
+  --theme--text_brown: rgb(100, 71, 58);
+  --theme--text_orange: rgb(217, 115, 13);
+  --theme--text_yellow: rgb(223, 171, 1);
+  --theme--text_green: rgb(15, 123, 108);
+  --theme--text_blue: rgb(11, 110, 153);
+  --theme--text_purple: rgb(105, 64, 165);
+  --theme--text_pink: rgb(173, 26, 114);
+  --theme--text_red: rgb(224, 62, 62);
+
+  --theme--highlight-text: var(--theme--text);
+  --theme--highlight_grey: rgb(235, 236, 237);
+  --theme--highlight_grey-text: var(--theme--highlight-text);
+  --theme--highlight_brown: rgb(233, 229, 227);
+  --theme--highlight_brown-text: var(--theme--highlight-text);
+  --theme--highlight_orange: rgb(250, 235, 221);
+  --theme--highlight_orange-text: var(--theme--highlight-text);
+  --theme--highlight_yellow: rgb(251, 243, 219);
+  --theme--highlight_yellow-text: var(--theme--highlight-text);
+  --theme--highlight_green: rgb(221, 237, 234);
+  --theme--highlight_green-text: var(--theme--highlight-text);
+  --theme--highlight_blue: rgb(221, 235, 241);
+  --theme--highlight_blue-text: var(--theme--highlight-text);
+  --theme--highlight_purple: rgb(234, 228, 242);
+  --theme--highlight_purple-text: var(--theme--highlight-text);
+  --theme--highlight_pink: rgb(244, 223, 235);
+  --theme--highlight_pink-text: var(--theme--highlight-text);
+  --theme--highlight_red: rgb(251, 228, 228);
+  --theme--highlight_red-text: var(--theme--highlight-text);
+
+  --theme--block-text: var(--theme--text);
+  --theme--block_grey: rgb(235, 236, 237);
+  --theme--block_grey-text: var(--theme--block-text);
+  --theme--block_brown: rgb(233, 229, 227);
+  --theme--block_brown-text: var(--theme--block-text);
+  --theme--block_orange: rgb(250, 235, 221);
+  --theme--block_orange-text: var(--theme--block-text);
+  --theme--block_yellow: rgb(251, 243, 219);
+  --theme--block_yellow-text: var(--theme--block-text);
+  --theme--block_green: rgb(221, 237, 234);
+  --theme--block_green-text: var(--theme--block-text);
+  --theme--block_blue: rgb(221, 235, 241);
+  --theme--block_blue-text: var(--theme--block-text);
+  --theme--block_purple: rgb(234, 228, 242);
+  --theme--block_purple-text: var(--theme--block-text);
+  --theme--block_pink: rgb(244, 223, 235);
+  --theme--block_pink-text: var(--theme--block-text);
+  --theme--block_red: rgb(251, 228, 228);
+  --theme--block_red-text: var(--theme--block-text);
+
+  --theme--tag-text: var(--theme--text);
+  --theme--tag_default: rgba(206, 205, 202, 0.5);
+  --theme--tag_default-text: var(--theme--tag-text);
+  --theme--tag_grey: rgba(140, 46, 0, 0.2);
+  --theme--tag_grey-text: var(--theme--tag-text);
+  --theme--tag_brown: rgba(140, 46, 0, 0.2);
+  --theme--tag_brown-text: var(--theme--tag-text);
+  --theme--tag_orange: rgba(245, 93, 0, 0.2);
+  --theme--tag_orange-text: var(--theme--tag-text);
+  --theme--tag_yellow: rgba(233, 168, 0, 0.2);
+  --theme--tag_yellow-text: var(--theme--tag-text);
+  --theme--tag_green: rgba(0, 135, 107, 0.2);
+  --theme--tag_green-text: var(--theme--tag-text);
+  --theme--tag_blue: rgba(0, 120, 223, 0.2);
+  --theme--tag_blue-text: var(--theme--tag-text);
+  --theme--tag_purple: rgba(103, 36, 222, 0.2);
+  --theme--tag_purple-text: var(--theme--tag-text);
+  --theme--tag_pink: rgba(221, 0, 129, 0.2);
+  --theme--tag_pink-text: var(--theme--tag-text);
+  --theme--tag_red: rgba(255, 0, 26, 0.2);
+  --theme--tag_red-text: var(--theme--tag-text);
+
+  --theme--callout-text: var(--theme--text);
+  --theme--callout_grey: rgba(235, 236, 237, 0.3);
+  --theme--callout_grey-text: var(--theme--callout-text);
+  --theme--callout_brown: rgba(233, 229, 227, 0.3);
+  --theme--callout_brown-text: var(--theme--callout-text);
+  --theme--callout_orange: rgba(250, 235, 221, 0.3);
+  --theme--callout_orange-text: var(--theme--callout-text);
+  --theme--callout_yellow: rgba(251, 243, 219, 0.3);
+  --theme--callout_yellow-text: var(--theme--callout-text);
+  --theme--callout_green: rgba(221, 237, 234, 0.3);
+  --theme--callout_green-text: var(--theme--callout-text);
+  --theme--callout_blue: rgba(221, 235, 241, 0.3);
+  --theme--callout_blue-text: var(--theme--callout-text);
+  --theme--callout_purple: rgba(234, 228, 242, 0.3);
+  --theme--callout_purple-text: var(--theme--callout-text);
+  --theme--callout_pink: rgba(244, 223, 235, 0.3);
+  --theme--callout_pink-text: var(--theme--callout-text);
+  --theme--callout_red: rgba(251, 228, 228, 0.3);
+  --theme--callout_red-text: var(--theme--callout-text);
+
+  --theme--code_inline: rgba(135, 131, 120, 0.15);
+  --theme--code_inline-text: #eb5757;
+
+  --theme--code: #f7f6f3;
+  --theme--code_plain: var(--theme--text);
+  --theme--code_property: #905;
+  --theme--code_tag: var(--theme--code_property);
+  --theme--code_boolean: var(--theme--code_property);
+  --theme--code_number: var(--theme--code_property);
+  --theme--code_constant: var(--theme--code_property);
+  --theme--code_symbol: var(--theme--code_property);
+  --theme--code_deleted: var(--theme--code_property);
+  --theme--code_selector: #690;
+  --theme--code_attr-name: var(--theme--code_selector);
+  --theme--code_string: var(--theme--code_selector);
+  --theme--code_char: var(--theme--code_selector);
+  --theme--code_builtin: var(--theme--code_selector);
+  --theme--code_inserted: var(--theme--code_selector);
+  --theme--code_operator: #9a6e3a;
+  --theme--code_entity: var(--theme--code_operator);
+  --theme--code_url: var(--theme--code_operator);
+  --theme--code_variable: var(--theme--code_regex);
+  --theme--code_comment: slategrey;
+  --theme--code_cdata: var(--theme--code_comment);
+  --theme--code_prolog: var(--theme--code_comment);
+  --theme--code_doctype: var(--theme--code_comment);
+  --theme--code_atrule: #07a;
+  --theme--code_attr-value: var(--theme--code_atrule);
+  --theme--code_keyword: var(--theme--code_atrule);
+  --theme--code_regex: #e90;
+  --theme--code_important: var(--theme--code_regex);
+  --theme--code_function: #dd4a68;
+  --theme--code_class-name: var(--theme--code_function);
+  --theme--code_parameter: var(--theme--code_plain);
+  --theme--code_decorator: var(--theme--code_plain);
+  --theme--code_id: var(--theme--code_plain);
+  --theme--code_class: var(--theme--code_plain);
+  --theme--code_pseudo-element: var(--theme--code_plain);
+  --theme--code_pseudo-class: var(--theme--code_plain);
+  --theme--code_attribute: var(--theme--code_plain);
+  --theme--code_value: var(--theme--code_plain);
+  --theme--code_unit: var(--theme--code_plain);
+  --theme--code_punctuation: #999;
+  --theme--code_annotation: var(--theme--code_plain);
+}
+
+:root.dark {
+  --theme--bg: rgb(47, 52, 55);
+  --theme--bg_secondary: rgb(55, 60, 63);
+  --theme--bg_popup: rgb(63, 68, 71);
+
+  --theme--scrollbar_track: rgba(202, 204, 206, 0.04);
+  --theme--scrollbar_thumb: #474c50;
+  --theme--scrollbar_thumb-hover: rgba(202, 204, 206, 0.3);
+
   --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);
@@ -45,21 +221,11 @@
   --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);
-  --theme--accent_blue-hover: rgb(6, 156, 205);
-  --theme--accent_blue-active: rgb(0, 141, 190);
-  --theme--accent_blue-text: #fff;
-  --theme--accent_red: #eb5757;
-  --theme--accent_red-hover: rgba(235, 87, 87, 0.1);
-  --theme--accent_red-text: #fff;
-
   --theme--icon: rgba(202, 204, 206);
   --theme--icon_ui: rgb(202, 204, 206, 0.6);
 
   --theme--text: rgba(255, 255, 255, 0.9);
   --theme--text_ui: rgba(255, 255, 255, 0.6);
-  --theme--text_decoration: rgba(255, 255, 255, 0.4);
   --theme--text_grey: rgba(151, 154, 155, 0.95);
   --theme--text_brown: rgb(147, 114, 100);
   --theme--text_orange: rgb(255, 163, 68);