From f1dcc694deb054af1a678b4ef209c25465fdc6e9 Mon Sep 17 00:00:00 2001
From: dragonwocky <thedragonring.bod@gmail.com>
Date: Sun, 11 Apr 2021 23:54:28 +1000
Subject: [PATCH] basic theming system + module validator tool

---
 extension/.gitignore                          |  104 +
 extension/LICENSE                             |    2 +-
 extension/README.md                           |   13 +-
 extension/_scan.js                            |  207 ++
 extension/content-loader.js                   |    7 +
 extension/icons/blackwhite-x128.png           |  Bin 0 -> 5242 bytes
 extension/icons/blackwhite-x16.png            |  Bin 0 -> 623 bytes
 extension/icons/blackwhite-x32.png            |  Bin 0 -> 1304 bytes
 extension/icons/blackwhite-x48.png            |  Bin 0 -> 2023 bytes
 extension/icons/colour-x128.png               |  Bin 0 -> 5434 bytes
 extension/icons/colour-x16.png                |  Bin 0 -> 634 bytes
 extension/icons/colour-x32.png                |  Bin 0 -> 1314 bytes
 extension/icons/colour-x48.png                |  Bin 0 -> 2042 bytes
 extension/manifest.json                       |   34 +
 extension/registry.json                       |    1 +
 .../client.css                                | 1880 +++++++++++++++++
 .../mod.json                                  |   18 +
 .../variables.css                             | 1096 ++++++++++
 extension/src/gui.html                        |    9 +
 extension/src/helpers.js                      |   41 +
 extension/src/launcher.js                     |   19 +
 extension/src/worker.js                       |    7 +
 22 files changed, 3436 insertions(+), 2 deletions(-)
 create mode 100644 extension/.gitignore
 create mode 100644 extension/_scan.js
 create mode 100644 extension/content-loader.js
 create mode 100644 extension/icons/blackwhite-x128.png
 create mode 100644 extension/icons/blackwhite-x16.png
 create mode 100644 extension/icons/blackwhite-x32.png
 create mode 100644 extension/icons/blackwhite-x48.png
 create mode 100644 extension/icons/colour-x128.png
 create mode 100644 extension/icons/colour-x16.png
 create mode 100644 extension/icons/colour-x32.png
 create mode 100644 extension/icons/colour-x48.png
 create mode 100644 extension/manifest.json
 create mode 100644 extension/registry.json
 create mode 100644 extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/client.css
 create mode 100644 extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/mod.json
 create mode 100644 extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables.css
 create mode 100644 extension/src/gui.html
 create mode 100644 extension/src/helpers.js
 create mode 100644 extension/src/launcher.js
 create mode 100644 extension/src/worker.js

diff --git a/extension/.gitignore b/extension/.gitignore
new file mode 100644
index 0000000..6704566
--- /dev/null
+++ b/extension/.gitignore
@@ -0,0 +1,104 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# Next.js build output
+.next
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and *not* Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
diff --git a/extension/LICENSE b/extension/LICENSE
index b6ad45c..b503961 100644
--- a/extension/LICENSE
+++ b/extension/LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 notion-enhancer
+Copyright (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
diff --git a/extension/README.md b/extension/README.md
index b10d13c..d981d51 100644
--- a/extension/README.md
+++ b/extension/README.md
@@ -1,2 +1,13 @@
 # extension
-bringing all your favourite notion-enhancer features to the browser
+
+bringing all your favourite notion-enhancer features to the browser (wip)
+
+> considering that using notion in the browser is more lightweight & probably preferred for some people since it means they have less apps open, i've always planned to eventually port the enhancer to be a chrome extension.
+>
+> since the enhancer focuses on being able to manipulate notion's app files, it's not going to be a very friendly transfer to web - a few features will have to be lost (e.g. frameless mode & tabs, of course) and the extensions system will need to be completely rebuilt.
+>
+> to make this work better, i'm splitting things up: an mod repository, a chrome extension, and an app loader.
+>
+> i'll be building the enhancer chrome-first from now on, since it'll be more limited there (and it's easier to add extra features when porting than to take features out), and then releasing the app loader a little afterwards. both the app loader and the chrome extension will source the same themes & extensions from the mod repository, and updates & releases of individual mods won't require waiting for the enhancer version anymore.
+
+- from the #announcements channel of the [notion-enhancer discord](https://discord.gg/sFWPXtA)
diff --git a/extension/_scan.js b/extension/_scan.js
new file mode 100644
index 0000000..588b155
--- /dev/null
+++ b/extension/_scan.js
@@ -0,0 +1,207 @@
+/*
+ * notion-enhancer
+ * (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * (https://notion-enhancer.github.io/) under the MIT license
+ */
+
+// used to validate mod.json files available in a local repository,
+// the options those files reference, & then generate a registry.json from that
+
+// it also enforces the name@id naming scheme for mod dirs
+
+const fs = require('fs'),
+  fsp = fs.promises,
+  colour = require('chalk');
+
+let currentFolder = '';
+const errors = [];
+
+const prefix = (status = '') =>
+  colour.whiteBright(`<notion-enhancer repo scan${status ? `: ${status}` : ''}>`);
+function error(msg) {
+  const err = `${msg} in ${colour.italic(currentFolder)}`;
+  console.error(`${prefix(colour.red('error'))} ${err}`);
+  errors.push(err);
+}
+const isFile = (filepath, extension = '') =>
+  typeof filepath === 'string' &&
+  filepath.endsWith(extension) &&
+  fs.existsSync(`./repo/${currentFolder}/${filepath}`, 'file');
+
+const regexers = {
+  uuid(str) {
+    const match = str.match(/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i);
+    if (match && match.length) return true;
+    error(`invalid uuid ${str}`);
+    return false;
+  },
+  semver(str) {
+    const match = str.match(
+      /^(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)(?:-((?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\+([0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*))?$/i
+    );
+    if (match && match.length) return true;
+    error(`invalid semver ${str}`);
+    return false;
+  },
+  email(str) {
+    const match = str.match(
+      /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/i
+    );
+    if (match && match.length) return true;
+    error(`invalid email ${str}`);
+    return false;
+  },
+  url(str) {
+    const match = str.match(
+      /^[(http(s)?):\/\/(www\.)?a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)$/i
+    );
+    if (match && match.length) return true;
+    error(`invalid url ${str}`);
+    return false;
+  },
+};
+
+async function validate(mod) {
+  mod.tags = mod.tags ?? [];
+  mod.css = mod.css ?? [];
+  mod.js = mod.js ?? {};
+  const check = (prop, value, condition) =>
+    new Promise((res, rej) =>
+      condition ? res(value) : error(`invalid ${prop} ${JSON.stringify(value)}`)
+    );
+  return Promise.all([
+    check('name', mod.name, typeof mod.name === 'string'),
+    check('id', mod.id, typeof mod.id === 'string').then((id) => regexers.uuid(id)),
+    check('description', mod.description, typeof mod.description === 'string'),
+    check('version', mod.version, typeof mod.version === 'string').then((version) =>
+      regexers.semver(version)
+    ),
+    check('tags', mod.tags, Array.isArray(mod.tags)).then((tags) =>
+      Promise.all(tags.map((tag) => check('tag', tag, typeof tag === 'string')))
+    ),
+    check('authors', mod.authors, Array.isArray(mod.authors)).then((authors) =>
+      Promise.all(
+        authors
+          .map((author) => [
+            check('author.name', author.name, typeof author.name === 'string'),
+            check(
+              'author.email',
+              author.email,
+              typeof author.email === 'string'
+            ).then((email) => regexers.email(email)),
+            check('author.url', author.url, typeof author.url === 'string').then((url) =>
+              regexers.url(url)
+            ),
+            check('author.icon', author.icon, typeof author.icon === 'string').then((icon) =>
+              regexers.url(icon)
+            ),
+          ])
+          .flat()
+      )
+    ),
+    check(
+      'css',
+      mod.css,
+      !!mod.css && typeof mod.css === 'object' && !Array.isArray(mod.css)
+    ).then(async (css) => {
+      for (const dest of ['frame', 'client', 'gui']) {
+        const destFiles = css[dest];
+        if (destFiles) {
+          await check(`css.${dest}`, destFiles, Array.isArray(destFiles)).then((files) =>
+            Promise.all(
+              files.map(async (file) =>
+                check(`css.${dest} file`, file, await isFile(file, '.css'))
+              )
+            )
+          );
+        }
+      }
+    }),
+    check('js', mod.js, !!mod.js && typeof mod.js === 'object' && !Array.isArray(mod.js)).then(
+      async (js) => {
+        const client = js.client;
+        if (client) {
+          await check('js.client', client, Array.isArray(client)).then((files) =>
+            Promise.all(
+              files.map(async (file) =>
+                check('js.client file', file, await isFile(file, '.js'))
+              )
+            )
+          );
+        }
+        const electron = js.electron;
+        if (electron) {
+          await check('js.electron', electron, Array.isArray(electron)).then((files) =>
+            Promise.all(
+              files.map((file) =>
+                check(
+                  'js.electron file',
+                  file,
+                  !!file && typeof file === 'object' && !Array.isArray(file)
+                ).then(async (file) => {
+                  const source = file.source;
+                  await check('js.electron file source', source, await isFile(source, '.js'));
+                  // referencing the file within the electron app
+                  // existence can't be validated, so only format is
+                  const target = file.target;
+                  await check(
+                    'js.electron file target',
+                    target,
+                    typeof target === 'string' && target.endsWith('.js')
+                  );
+                })
+              )
+            )
+          );
+        }
+      }
+    ),
+    check('options', mod.options, !mod.options || (await isFile(mod.options, '.json'))).then(
+      async (filepath) => {
+        if (!filepath) return;
+        let options;
+        try {
+          options = JSON.parse(await fsp.readFile(`./repo/${currentFolder}/${filepath}`));
+        } catch {
+          error(`invalid options ${filepath}`);
+        }
+        // todo: validate options
+      }
+    ),
+  ]);
+}
+
+async function generate() {
+  const mods = [];
+  for (const folder of await fsp.readdir('./repo')) {
+    let mod;
+    try {
+      mod = JSON.parse(await fsp.readFile(`./repo/${folder}/mod.json`));
+      mod.dir = folder;
+      currentFolder = folder;
+      await validate(mod);
+      mods.push(mod);
+    } catch {
+      error('invalid mod.json');
+    }
+  }
+  if (!errors.length) {
+    for (const mod of mods) {
+      const oldDir = `./repo/${mod.dir}`;
+      mod.dir = `${mod.name.replace(/[^A-Za-z0-9]/, '-')}@${mod.id}`;
+      await fsp.rename(oldDir, `./repo/${mod.dir}`);
+    }
+    await fsp.writeFile('./registry.json', JSON.stringify(mods));
+    console.info(
+      `${prefix(
+        colour.green('success')
+      )} all mod configuration valid, registry saved to ./registry.json & folder naming scheme enforced`
+    );
+  }
+}
+
+if (fs.existsSync('./repo', 'dir')) {
+  generate();
+} else {
+  console.error(`${prefix(colour.red('error'))} no repo folder found`);
+}
diff --git a/extension/content-loader.js b/extension/content-loader.js
new file mode 100644
index 0000000..42971d7
--- /dev/null
+++ b/extension/content-loader.js
@@ -0,0 +1,7 @@
+/*
+ * notion-enhancer
+ * (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * (https://notion-enhancer.github.io/) under the MIT license
+ */
+
+import(chrome.runtime.getURL('src/launcher.js')).then((launcher) => launcher.default());
diff --git a/extension/icons/blackwhite-x128.png b/extension/icons/blackwhite-x128.png
new file mode 100644
index 0000000000000000000000000000000000000000..828c2fb12c377d6b07a1a782c0ce98d4db6a28b7
GIT binary patch
literal 5242
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
Aa{vGU

literal 0
HcmV?d00001

diff --git a/extension/icons/blackwhite-x16.png b/extension/icons/blackwhite-x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..69224de629abdce6dc81a6f0b3d0abb103df671d
GIT binary patch
literal 623
zcmV-#0+9WQP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0t87!K~#7FjZ?dd
zT2T~TR|XXk5seQ-@Cp`ILGuAYKfuD?Dy0Y}y#)P&!GPLW_y-a!6%CpuR@Mf5p!j|f
zEi?!>d!Oh;(aFq$#X0-lz1KPWaU>8FMG4aKmS`lph!RmIz9H&~*7<y{vsf%YY5zfz
zr0+OEqTtW<dOcOGRxz1Ou;1@78jU~!&}y~9*6DOmtJN3`2B=gjkYzbVB1xQ1ulamF
zB@hTG&1O^ScDu@Au~6=T|FLg6ofalheqfRHdW}}Ag={v9a5#+BYK7zRh~aSfv@-Z+
zjCefGK5{ade0;zK3WWkTn+=RcBkXoNG#U+@PA5Dbk4VF6wZddFi33up6o(kE1Q^9)
z5%+KwX7qZ!r|&Af04^E_`~7~<m2dw4SD@4B!0YvjK<-8;6hgb*e!YO%Y(_qx=eD6#
zDxuM6h&o(>+vsw+6yE+d|AFcuz9kZgn|5;BIrdorcA}ywkx1n3Je&nMg^k<ozPc4x
zIT#Fzs^@Y!%x1G^(`11!JV56bF?dfChjO_Ly<UHt_XVU=9Ue28%*R+PhUs()l}d%(
zZimC+fbn>Y?RJahaw!7({XQrKvDRv}Z(@+>VSFNyck~9{+iW)B$P;HU7{nuTI2__u
zOt!fz(P)(2zDgI}kZCE>>LbAw?SBz}6ZrvbPCVNO;t%qx{Q-xhP)`hzzV!eA002ov
JPDHLkV1fy{4N?FA

literal 0
HcmV?d00001

diff --git a/extension/icons/blackwhite-x32.png b/extension/icons/blackwhite-x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..1f728c99252eb4a83a53beedc694fa3ca9090220
GIT binary patch
literal 1304
zcmV+z1?T#SP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1g%L#K~#7FwO3mx
zy;&4rhvRk}V%#a067x3kFww+xQZpV*a(O|6lD83F{7J?w*HXx6N|8w}uO8H(TplJ~
z@Ztf*5xIvP$DKWEt^fH>AI|wcm-GMCul?=IxA$+az4qQ~Yd`@)h(Jtq$RMOYG61PZ
z`XNJ+ZpaX1Fw)!7MsN9j71^WFX#Q3jLt`0;(l5xLk>4ZTEuFp#M@L6+b#(<eC`3d=
zNX15^0n3a^0{+3|cd79D`Wg-o54p3wy*=39--p}VTmC*jKZn!PQ#d<2gX804E~C1G
zgM()sM@B}%@bEAsCMHt$4*4gFXnQ392mb}re~m^X<mBYQ($W&#-Q9r_bUGab1_pws
zrzeDjgg|I$D7d(|aO&;t%@gSF?+5C$rltlO8XBZu$C0Jatbqb*k)oueL{K(7JX};%
zREU<A7BMg|AVx+;#N6DRSYKZk+uPgX{{CLP1t>z4mzQ&&XbrKowIx;2N5Lxr1qB7%
znAqCdDjbEu!9f<_<m4opnwsQQbu_-#mWeAXD|v0(+S<U~-5r#0b92M%|Mc|4smWyG
z^zreLQ>u@NiQ(m_uC4~OCiM070b05iMa*jLb==+E4ddhEU@#cCb7>%Qz>A9uc06)a
z>;&F}$;nAT3qx;jFJ*t!Dm5n6=m&P|eSCbFuCA^S6coe`7!VKu&d$#4q-4F|;9#z&
zb~7_GJTY=o3p^AB5YQnZIXRg-r$MC7i0_4mhX)IgLsbCzfulf{c?l=@2AG|leRJDS
z3!sxxj?T_bcHFqQxL0)!7eG5AKR+K97Z-UqEH5tu9zI;Rva$keYip`~d{}_lY-UGH
zOH1P|NjoMZBg0ycCo9Cq$3t^-v*K1&bwYcXn3w=xUtcIJECj7q3-j~yd<zoN)6=1`
zu@P2RSE0DLSh1fETOc(x6_S#Ycw5qCL$@C-L2hm?^z`(=&dv^7hr~(394f%e%M0Ax
z+@P+m4(jXc+37|{N1?sF-FiFHjYy}c5<a{H1e!4oP9Tq`C86sXFCISsiAuBolmK$N
z%*;${zO=Lyva_>!aDv*v5<av9<khs-Nd$oc8CnWkC*3y@Kzm&pJS;4Xk88Ck%3%U%
zrd?fK{7pCA*w`4yj<hY+9L^@toWD_cGCe(QjfmuwV{>!!Ssi*khiDHE51gU^#pq~i
zYKs5EvqLJXB@0X=w^LG5ATKXZQS9#SE^j{qopf1QS-j6_?bY_XniUKr2SaTU6%}RI
z0yN8og$04jz-`|PTNaRusG*XLjSYckyiEa;2y{4AbH4=M7ow`F>XiWNIe_MC#Dbrq
zqoaTA=;(l=q9QJ*!zMO1mR~(m;CXp@$?+fso+l?KoR?C%n5Zqqjr4G#Hq;h{TPN%1
z=O=xdUM|IV;%nS4%F4=YI^}1XkdPpMBP45V_`?sF{D-sE;adTQhK8(lbiPwuNDfCS
zIV5dG%KQ8K^Gk`!DfZLr^;||lDwRul8U8}6{{eQKvP6=IrWJUzz4=9?0F%YKGsrL2
zr3X8}M)X)Eh4Dx_VGfaxNP2}{TG9vP5%S8Czd@Rj$Fg!W&h*6IIR683xGGqFO&uiw
O0000<MNUMnLSTZ6(^#bd

literal 0
HcmV?d00001

diff --git a/extension/icons/blackwhite-x48.png b/extension/icons/blackwhite-x48.png
new file mode 100644
index 0000000000000000000000000000000000000000..aa3fe69b9fb2fb2bd8b6891610a9ff254931b4d9
GIT binary patch
literal 2023
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
FV1f*PsgnQz

literal 0
HcmV?d00001

diff --git a/extension/icons/colour-x128.png b/extension/icons/colour-x128.png
new file mode 100644
index 0000000000000000000000000000000000000000..40126720c50143e7dcebc9067282457abcf3f0d1
GIT binary patch
literal 5434
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

literal 0
HcmV?d00001

diff --git a/extension/icons/colour-x16.png b/extension/icons/colour-x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..21be6b5c9dabfbce9352bffd6b0d2ae8695b9976
GIT binary patch
literal 634
zcmV-=0)_pFP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0uM<<K~#7FjZ;03
z5>XUAgX}QkI+?KYAt7-{D2#<6{s4k@mL$d>U`a^O!q{yfp;s&@4ZQ`~N)rj25F3dF
zg|XQJ2nd9anTa3^iazfhVcpGsagsCl-TU4>bKlIp5(q+w`(*ACHR3IzMAV5lh}%Tp
za5!{(z1{;_KanKqBUX?odAC}vW-FBn`u#rU^EtZRE+_$tqS(IM?S?GNXt&!am&?#~
zJxd}PtlqvKjYdU09v8J*O*9$}F&d4;S>QcBo6qNMm#8~g#57IR>va?g1tby)7>0r6
za*0l-b7UD@86%xe^BFyp$-H#p7>dOrEX#tXX$S-YaJgIvg+ho#BK9?WJ|8?DkNtvd
zHp?m62?0i_RKi&hQ~F@r|JKcB^C<4XWjOqXKQq914ou&k-o8*k91Z|^2j(8|<2vAq
z%^_y}%>^V`Men_WWdOMO0@%9RgyhmT7Z`m}aPSV)3zWP=0rfU;McGVXHUd7sp;nAh
zYd*xeU;!%}4xb24>FOUcz~VP>=P?C-eZNrPH8&9d`!(ciRILs?*j)v-)N=)#)YJRa
zlCN^P+|yJlg~4C|hr@yJqba)P0==(2OePbI$74I8)oOuS`o91_NaPub+@l$Y`Tc%-
zgF8-DReOkn!Ju6slYJT{B$G)#wkNHXcreJ6$VN%fpfz9oCy@uhT5;_!h@ZInzuy$?
Uv+F7GvH$=807*qoM6N<$f)5}JC;$Ke

literal 0
HcmV?d00001

diff --git a/extension/icons/colour-x32.png b/extension/icons/colour-x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e14320005e1b112f09be8a5cbe37871fdc1c240
GIT binary patch
literal 1314
zcmV+-1>O3IP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1h+{<K~#7Fy;oaE
zY*iTkw~n`Q^hn+%ynsiGf+FgmbTC9Hx<M2KBBCI@CFw&R!90c`>VrL4Ng*hP>01v*
zr_zHSUwY_4snZ1{aLjTXXL9B^<6Ioa)%UO2dzv{qdz{g8e)w3kF8lw#{qKL)`j$dE
zCWI(LV+4wU0-z8u0r@}~kO7neB|xsa#-u*}8}O;3D4*-aP}D%&-T+<z9s@E}rwQ5K
z-X3{89zsy6sHo6}%|Ii@%z6aAMANDbdc9t<TCLLA&dv^5EEe+n{qncd>7@PreR4P)
zWV6}i7|-qQ?nXJTtgNKDxjCw@ujlR&a1$g(PZ2=y7t#J;Hk+xrxtZ41*68Tyi1f^8
zG*VGf5oKp*Q)y`_m6erIT3VWHb8~a$3rtN-5&P`#@2A1RLG956;Jv79fWQDCIy*ZB
zcgxGmMNdzU7#<!L)6>&petur8uC9uWjSaE2wIu?9fH;qVgy`<>mOhaUvAMaaP4SPm
zQv}-D+T>!!$jFGeESs5`kpxmwQpC{EP~_By9N%zOihFx|<+mLj9i`07Owu!-&nLhC
z$;pXqT`rewgTbI|dA_EmMt+XIzCJ=WX>xLskm&)CxMPUrczk@E78Vw$v9VD)*8*_?
z9vmFV!s9}P6H3Gu7Z(W`riqCO?p`zKEoRoJgP8Mqd3h4)>FHElTr3N)u&|I)Q&VM;
za`s9}O5{ARTUl9=FUCcxT9z&WHWVZ^G&D%(97J=*NYt{jvLt~>i%Wp(;IfP}bHAm~
z1F++t&%gG<1jMl~s_(;AbMOJty>85T;y-^O0y4PuHVMB?_5)@j$5$YcO>}4_3fkiP
zNSXi#R}9!AOtpv<q+>g{d_v^U!p09|zl{RJc_jY&M%Pc=B8+K{yChQ5NXdU%b_3f$
z8iM11zJl}T${PsowUSc)x~`j~GoTbc7Y=Uy78MR9P(FY+zfM$yw-<gViGMH=^y&IZ
zJ_D-l+#<4kkM<7Hqi+G~p)UM*yRui}K7Szshks+Y{7wys%`GGU|2ZY&d>d8L1ib$e
z{qhBh?j&@CR=o;Mc9jygqzU}=afk$;MU_n;5I@^zT2e)Lcb>=z1?GcrN=2rxz7{IF
zheF`juZjLZar;nYsnEgK-{&-fjq6WJ#+bkw|7dM(jl0;rhsAR&T0sEY?6r5G4_SyC
zOGqhrmXa|ha2wcaYHFgEmKNQ`es`$gd}yD16PJZ2=yD9IrjbP&q_(K4stRkv&{VYD
zvk39~Es>NhEiFl(?d|Q_(15G~$mA6?H(6w`WYQBGxwx)8{xT(OEcKU{mrsp{|Arv(
z5g0vRU0was*w`3#bacq^_4ReCt*w=}9!+?<-EOG|S$Nv*cG=fj){4BAbt7L~cnz<G
zoDT=h&kyfdt|&Gj@Q4WMcG1<<74<1D3w3pMk#~d!h3+#9K85B-ysZ&;1)80m4bSoI
zhjpRBV32K2PL33v+%G67kT)eBXYFS)ndBIYR36v*5%w9f{w|$mAknE&L~6zM_V&4N
zL^|eDv%3P^2!DEtVOYc)12cREz>ZJQI1~i<7V1{pV*tAYdDK3iy@!A;V*C(qYL6A?
YKPbCphPdkO(EtDd07*qoM6N<$g3gt0@c;k-

literal 0
HcmV?d00001

diff --git a/extension/icons/colour-x48.png b/extension/icons/colour-x48.png
new file mode 100644
index 0000000000000000000000000000000000000000..1e52a45f3a486f4fff19292281fe0dcf901d2375
GIT binary patch
literal 2042
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
Yf3KXo-yXuHSO5S307*qoM6N<$f?*ZEc>n+a

literal 0
HcmV?d00001

diff --git a/extension/manifest.json b/extension/manifest.json
new file mode 100644
index 0000000..1bd7eff
--- /dev/null
+++ b/extension/manifest.json
@@ -0,0 +1,34 @@
+{
+  "name": "notion-enhancer",
+  "author": "dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)",
+  "description": "an enhancer/customiser for the all-in-one productivity workspace notion.so",
+  "homepage_url": "https://notion-enhancer.github.io",
+  "version": "0.11.0",
+  "icons": {
+    "16": "icons/colour-x16.png",
+    "32": "icons/colour-x32.png",
+    "48": "icons/colour-x48.png",
+    "128": "icons/colour-x128.png"
+  },
+  "manifest_version": 3,
+  "background": {
+    "service_worker": "src/worker.js"
+  },
+  "action": {
+    "default_popup": "src/gui.html"
+  },
+  "web_accessible_resources": [
+    {
+      "resources": ["registry.json", "src/*", "repo/*"],
+      "matches": ["https://*.notion.so/*"]
+    }
+  ],
+  "content_scripts": [
+    {
+      "matches": ["https://*.notion.so/*"],
+      "js": ["content-loader.js"]
+    }
+  ],
+  "permissions": ["activeTab"],
+  "host_permissions": ["https://*.notion.so/*"]
+}
diff --git a/extension/registry.json b/extension/registry.json
new file mode 100644
index 0000000..a2d7e54
--- /dev/null
+++ b/extension/registry.json
@@ -0,0 +1 @@
+[{"name":"theming","id":"0f0bf8b6-eae6-4273-b307-8fc43f2ee082","description":"the default theme variables, required by other themes & extensions.","version":"0.11.0","tags":["core","theme"],"authors":[{"name":"dragonwocky","email":"thedragonring.bod@gmail.com","url":"https://dragonwocky.me/","icon":"https://dragonwocky.me/avatar.jpg"}],"css":{"client":["client.css"]},"dir":"theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082","js":{}}]
\ No newline at end of file
diff --git a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/client.css b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/client.css
new file mode 100644
index 0000000..de31a55
--- /dev/null
+++ b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/client.css
@@ -0,0 +1,1880 @@
+/*
+ * notion-enhancer
+ * (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * (c) 2020 TarasokUA
+ * (c) 2020 Arecsu
+ * (c) 2020 u/zenith_illinois
+ * (c) 2020 admiraldus
+ * (c) 2020 CloudHill
+ * (https://notion-enhancer.github.io/) under the MIT license
+ */
+
+@import url('./variables.css');
+
+/** layout ui **/
+
+.notion-frame .notion-scroller [style*='env(safe-area-inset-'][style*=' width: 900px'],
+.notion-frame .notion-scroller [style*='env(safe-area-inset-'][style*=';width: 900px'],
+.notion-frame
+  .notion-scroller
+  [style*='height: 30vh']
+  [style*='pointer-events:'][style*='max-width: 100%; width: 900px'] {
+  width: var(--theme--page-width) !important;
+}
+.notion-frame .notion-scroller [style*='env(safe-area-inset-'][style*=' width: 100%'],
+.notion-frame
+  .notion-scroller
+  [style*='height: 30vh']
+  [style*='pointer-events:'][style*='max-width: 100%; width: 100%'] {
+  width: var(--theme--page_full-width) !important;
+}
+.notion-frame
+  [style*='padding-left: calc(96px + env(safe-area-inset-left)); padding-right: calc(96px + env(safe-area-inset-right));'] {
+  padding-left: var(--theme--page-padding) !important;
+  padding-right: var(--theme--page-padding) !important;
+}
+[style^='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 30vh;'],
+[style^='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 30vh;']
+  img {
+  height: var(--theme--page_banner-height) !important;
+}
+
+.notion-peek-renderer > :nth-child(2) {
+  max-width: var(--theme--preview-width) !important;
+}
+
+.notion-peek-renderer
+  .notion-scroller.vertical
+  [style*='padding-left: calc(126px + env(safe-area-inset-left));'] {
+  padding-left: var(--theme--preview-padding) !important;
+}
+.notion-peek-renderer
+  .notion-scroller.vertical
+  [style*='padding-right: calc(126px + env(safe-area-inset-right));'] {
+  padding-right: var(--theme--preview-padding) !important;
+}
+.notion-peek-renderer
+  .notion-scroller.vertical
+  [style*='margin-left: calc(126px + env(safe-area-inset-left));'] {
+  margin-left: var(--theme--preview-padding) !important;
+}
+.notion-peek-renderer
+  .notion-scroller.vertical
+  [style*='margin-right: calc(126px + env(safe-area-inset-right));'] {
+  margin-right: var(--theme--preview-padding) !important;
+}
+.notion-peek-renderer .notion-page-content {
+  padding-left: var(--theme--preview-padding) !important;
+  padding-right: var(--theme--preview-padding) !important;
+  width: 100%;
+}
+.notion-peek-renderer
+  .notion-scroller.vertical
+  [style*='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 20vh;'],
+.notion-peek-renderer
+  .notion-scroller.vertical
+  [style*='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 20vh;']
+  img {
+  height: var(--theme--preview_banner-height) !important;
+}
+
+.notion-app-inner,
+.notion-cursor-listener,
+.notion-frame,
+.notion-cursor-listener
+  > .notion-frame
+  > .notion-scroller.vertical.horizontal
+  > .notion-scroller
+  > div
+  > div
+  > :nth-child(1)[style*='background'],
+.notion-cursor-listener
+  > .notion-frame
+  > .notion-scroller.vertical.horizontal
+  > .notion-scroller
+  > div
+  > div
+  > .notion-table-view-add-row,
+.notion-cursor-listener
+  > .notion-frame
+  > .notion-scroller.vertical.horizontal
+  > .notion-scroller
+  > div
+  > div
+  > :nth-child(5)[style*='background'],
+.notion-overlay-container.notion-default-overlay-container
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > :nth-child(1)
+  > .notion-scroller.vertical.horizontal,
+iframe[style*='background-color'],
+.notion-table-view > .notion-collection_view-block > div[style*='background'],
+.notion-board-view > .notion-collection_view-block > div[style*='background'],
+.notion-timeline-view > .notion-collection_view-block > div[style*='background'],
+.notion-calendar-view > .notion-collection_view-block > div[style*='background']:first-child,
+.notion-list-view > .notion-collection_view-block > div[style*='background'],
+.notion-gallery-view > .notion-collection_view-block > div[style*='background'],
+.notion-timeline-view,
+.notion-body.dark .notion-timeline-view [style*='background: rgb(47, 52, 55)'],
+.notion-body:not(.dark) .notion-timeline-view [style*='background: white'],
+.notion-body.dark
+  .notion-calendar-view
+  .notion-collection_view_page-block[style*='background: rgb(47, 52, 55)'],
+.notion-body:not(.dark)
+  .notion-calendar-view
+  .notion-collection_view_page-block[style*='background: white'],
+.notion-body.dark
+  .notion-calendar-view
+  .notion-collection_view-block[style*='background: rgb(47, 52, 55)'],
+.notion-body:not(.dark)
+  .notion-calendar-view
+  .notion-collection_view-block[style*='background: white'],
+.notion-body.dark
+  .notion-overlay-container.notion-default-overlay-container
+  > :nth-child(3)
+  > div
+  > :nth-child(2)[style*='background: rgb(47, 52, 55)'],
+.notion-body:not(.dark)
+  .notion-overlay-container.notion-default-overlay-container
+  > :nth-child(3)
+  > div
+  > :nth-child(2)[style*='background: white'],
+.notion-overlay-container.notion-default-overlay-container
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > div[style*='background-color'] {
+  background: var(--theme--page) !important;
+}
+.notion-timeline-view [style*='background-image: linear-gradient'][style*='to right'] {
+  background: linear-gradient(to right, var(--theme--page) 20%, transparent 100%) !important;
+}
+.notion-timeline-view [style*='background-image: linear-gradient'][style*='to left'] {
+  background: linear-gradient(to left, var(--theme--page) 20%, transparent 100%) !important;
+}
+
+.notion-sidebar-container,
+.notion-workspace-plan-choose,
+.notion-workspace-create,
+.notion-workspace-invite,
+.notion-body.dark
+  .notion-overlay-container.notion-default-overlay-container
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > div
+  > div
+  > :nth-child(2)
+  > table
+  td[style*='background: rgb(55, 60, 63)'],
+.notion-body:not(.dark)
+  .notion-overlay-container.notion-default-overlay-container
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > div
+  > div
+  > :nth-child(2)
+  > table
+  td[style*='background: rgb(247, 246, 243)'],
+.notion-body.dark
+  .notion-overlay-container.notion-default-overlay-container
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > div
+  > :nth-child(1)[style*='background: rgb(55, 60, 63)'],
+.notion-body:not(.dark)
+  .notion-overlay-container.notion-default-overlay-container
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > div
+  > :nth-child(1)[style*='background: rgb(247, 246, 243)'],
+.notion-page-template-modal > :nth-child(2),
+.notion-page-template-modal > :nth-child(2) > :nth-child(2) > :last-child[role='button'] {
+  background: var(--theme--sidebar) !important;
+}
+.notion-cursor-listener
+  > .notion-sidebar-container
+  > div
+  > div
+  > div
+  > :nth-child(1)[style*='background'] {
+  background: var(--theme--sidebar_popout) !important;
+}
+
+.notion-overlay-container.notion-default-overlay-container
+  > :nth-child(2)
+  > div
+  > :nth-child(2)[style*='background'],
+.notion-overlay-container.notion-default-overlay-container
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > :nth-child(1)
+  > :nth-child(1)
+  > :nth-child(3)[style*='background'],
+.notion-overlay-container.notion-default-overlay-container
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > :nth-child(1)
+  > :nth-child(1)
+  > :nth-child(4),
+.notion-peek-renderer
+  .notion-table-view
+  > .notion-collection_view-block
+  > div[style*='background'],
+.notion-peek-renderer
+  .notion-board-view
+  > .notion-collection_view-block
+  > div[style*='background'],
+.notion-peek-renderer
+  .notion-timeline-view
+  > .notion-collection_view-block
+  > div[style*='background'],
+.notion-peek-renderer
+  .notion-calendar-view
+  > .notion-collection_view-block
+  > div[style*='background']:first-child,
+.notion-peek-renderer
+  .notion-list-view
+  > .notion-collection_view-block
+  > div[style*='background'],
+.notion-peek-renderer
+  .notion-gallery-view
+  > .notion-collection_view-block
+  > div[style*='background'],
+.notion-peek-renderer .notion-timeline-view,
+.notion-body.dark
+  .notion-peek-renderer
+  .notion-timeline-view
+  [style*='background: rgb(47, 52, 55)'],
+.notion-body:not(.dark)
+  .notion-peek-renderer
+  .notion-timeline-view
+  [style*='background: white'],
+.notion-body.dark
+  .notion-peek-renderer
+  .notion-calendar-view
+  .notion-collection_view_page-block[style*='background: rgb(47, 52, 55)'],
+.notion-body:not(.dark)
+  .notion-peek-renderer
+  .notion-calendar-view
+  .notion-collection_view_page-block[style*='background: white'],
+.notion-body.dark
+  .notion-peek-renderer
+  .notion-calendar-view
+  .notion-collection_view-block[style*='background: rgb(47, 52, 55)'],
+.notion-body:not(.dark)
+  .notion-peek-renderer
+  .notion-calendar-view
+  .notion-collection_view-block[style*='background: white'] {
+  background: var(--theme--preview) !important;
+}
+.notion-peek-renderer {
+  background: var(--theme--preview_shadow) !important;
+}
+.notion-peek-renderer
+  .notion-timeline-view
+  [style*='background-image: linear-gradient'][style*='to right'] {
+  background: linear-gradient(
+    to right,
+    var(--theme--preview) 20%,
+    transparent 100%
+  ) !important;
+}
+.notion-peek-renderer
+  .notion-timeline-view
+  [style*='background-image: linear-gradient'][style*='to left'] {
+  background: linear-gradient(to left, var(--theme--preview) 20%, transparent 100%) !important;
+}
+
+.notion-overlay-container.notion-default-overlay-container
+  > :nth-child(2)
+  > div
+  > :nth-child(1)[style*='background'] {
+  background: var(--theme--quickfind_shadow) !important;
+}
+
+.notion-overlay-container.notion-default-overlay-container
+  > div
+  > div
+  > :nth-child(2)
+  > div[style*='background'],
+.notion-overlay-container.notion-default-overlay-container
+  > div
+  > div
+  > :nth-child(2)
+  > :nth-child(2)
+  > div
+  > div
+  > div[style*='background']:not([style*='font-size: 12px;']),
+.notion-overlay-container.notion-default-overlay-container
+  > div
+  > div
+  > :nth-child(2)
+  > :nth-child(2)
+  > div
+  > div
+  > div
+  > div
+  > footer
+  > div[style*='background'],
+.notion-overlay-container.notion-default-overlay-container
+  > div
+  > div
+  > div
+  > :nth-child(2)
+  > div
+  > div
+  > div[style*='background']:not([style*='font-size: 12px;']):not([style*='background: transparent']),
+.notion-overlay-container.notion-default-overlay-container
+  > :nth-child(2)
+  > div
+  > div
+  > :nth-child(2)
+  > div
+  > div
+  > div
+  > div
+  > footer
+  > div,
+#notion-app
+  > div
+  > :nth-child(3)
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > :nth-child(2)
+  > div
+  > div
+  > div,
+#notion-app
+  > div
+  > .notion-overlay-container.notion-default-overlay-container
+  > :nth-child(4)
+  > div
+  > :nth-child(2)[style*='background'],
+#notion-app
+  > div
+  > div.notion-overlay-container.notion-default-overlay-container
+  > div:nth-child(2)
+  > div
+  > div:nth-child(2)
+  > div:nth-child(2)
+  > div
+  > div
+  > div
+  > div
+  > div.notion-scroller.vertical
+  > div
+  > div
+  > div:nth-child(2),
+.notion-onboarding-popup {
+  background: var(--theme--popout) !important;
+}
+
+.notion-text-action-menu [style*='border-bottom: 1px solid'] {
+  border: 1px solid var(--theme--popout_link_underline) !important;
+}
+
+.notion-body.dark
+  [style*='box-shadow: rgba(15, 15, 15, 0.2) 0px 0px 0px 1px inset, rgba(15, 15, 15, 0.1) 0px 1px 2px;'],
+.notion-body:not(.dark)
+  [style*='box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px inset, rgba(15, 15, 15, 0.1) 0px 1px 2px;'] {
+  box-shadow: var(--theme--shadow) !important;
+}
+
+.notion-dark-theme .notion-workspace-plan-choose img[src='/tutorial/ada-1.png'],
+.notion-dark-theme .notion-workspace-create img[src='/tutorial/ada-1.png'],
+.notion-dark-theme .notion-workspace-invite img[src='/tutorial/ada-1.png'] {
+  filter: drop-shadow(1px 1px #fff) drop-shadow(-1px -1px #fff) drop-shadow(-1px 1px #fff)
+    drop-shadow(1px -1px #fff);
+}
+.notion-body.dark
+  [style^='position: absolute;'][style*='z-index: 999; background-color: rgba(55, 60, 63, 0.8);']:empty,
+.notion-body.dark
+  [style^='position: absolute;'][style*='z-index: 999; background-color: rgba(47, 52, 55, 0.8);']:empty,
+.notion-body:not(.dark)
+  [style^='position: absolute;'][style*='z-index: 999; background-color: rgba(247, 246, 243, 0.8);']:empty,
+.notion-body:not(.dark)
+  [style^='position: absolute;'][style*='z-index: 999; background-color: rgba(255, 255, 255, 0.8);']:empty {
+  background: var(--theme--introduction_overlay) !important;
+}
+
+/* accent */
+
+.notion-onboarding-plan-type-personal[style*='box-shadow: rgb(46, 170, 220) 0px 0px 0px 2px, rgba(182, 182, 182, 0.25) 0px 8px 12px'],
+.notion-onboarding-plan-type-team[style*='box-shadow: rgb(46, 170, 220) 0px 0px 0px 2px, rgba(182, 182, 182, 0.25) 0px 8px 12px'] {
+  box-shadow: var(--theme--accent) 0px 0px 0px 2px, rgba(182, 182, 182, 0.25) 0px 8px 12px !important;
+}
+
+::selection,
+.notion-selectable-halo,
+.notion-overlay-container.notion-default-overlay-container
+  > :nth-child(4)
+  > div[style*='background-color: rgba(46, 170, 220, 0.2)'] {
+  background: var(--theme--selected) !important;
+}
+
+[style*=' color: rgb(46, 170, 220)'],
+[style^='color: rgb(46, 170, 220)'] {
+  color: var(--theme--accent) !important;
+}
+[style*='fill: rgb(46, 170, 220)'] {
+  fill: var(--theme--accent) !important;
+}
+[style*='background: rgb(46, 170, 220)'],
+[style*='background-color: rgb(46, 170, 220)'] {
+  background: var(--theme--accent) !important;
+}
+[style*='box-shadow: rgb(46, 170, 220) 0px 0px 0px 2px inset'] {
+  box-shadow: var(--theme--accent) 0px 0px 0px 2px inset !important;
+}
+.notion-focusable:focus-within {
+  box-shadow: var(--theme--accent) 0px 0px 0px 1px inset, var(--theme--accent) 0px 0px 0px 2px !important;
+}
+[style*='background: rgb(46, 170, 220)'][style*='color: white'],
+[style*='background-color: rgb(46, 170, 220)'][style*='color: white'],
+[style*='background: rgb(6, 156, 205)'][style*='color: white'],
+[style*='background: rgb(0, 141, 190)'][style*='color: white'] {
+  color: var(--theme--accent-text) !important;
+}
+[style*='background: rgb(46, 170, 220)'] [style*='fill: white'],
+[style*='background-color: rgb(46, 170, 220)'] [style*='fill: white'],
+[style*='background: rgb(6, 156, 205)'] [style*='fill: white'],
+[style*='background: rgb(0, 141, 190)'] [style*='fill: white'] {
+  fill: var(--theme--accent-text) !important;
+}
+[style*='background: rgba(46, 170, 220, 0.15)'] {
+  background: var(--theme--accent_semitransparent) !important;
+}
+[style*='background: rgb(6, 156, 205)'] {
+  background: var(--theme--accent_button-hover) !important;
+}
+[style*='background: rgb(0, 141, 190)'] {
+  background: var(--theme--accent_button-active) !important;
+}
+.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day--outside:hover,
+#notion-app
+  .DayPicker:not(.DayPicker--interactionDisabled)
+  .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--value):not(.DayPicker-Day--start):not(.DayPicker-Day--end):hover {
+  background: var(--theme--accent_date-hover) !important;
+}
+
+.notion-body .notion-link:hover {
+  color: var(--theme--notion_ui_link-hover) !important;
+}
+.notion-workspace-plan-choose img[src='/images/onboarding/checked.svg'] {
+  filter: hue-rotate(var(--theme--notion_plan_choose_checkmark_hue-rotate));
+}
+
+/* databases */
+
+.notion-timeline-view .notion-timeline-item,
+.notion-board-view .notion-page-block.notion-collection-item > a,
+.notion-gallery-view .notion-page-block.notion-collection-item > a,
+.notion-calendar-view .notion-page-block.notion-collection-item > a {
+  background: var(--theme--db_card) !important;
+}
+.notion-page-block.notion-collection-item > a > [role='button']:hover {
+  background: var(--theme--db_card-hover) !important;
+}
+.notion-body.dark
+  .notion-page-block.notion-collection-item
+  [style*='background: rgba(255, 255, 255, 0.05)'],
+.notion-body:not(.dark)
+  .notion-page-block.notion-collection-item
+  [style*='background: rgba(55, 53, 47, 0.024)'] {
+  background: var(--theme--db_card_preview) !important;
+}
+.notion-timeline-view > :nth-child(1) > div[style*='background'],
+.notion-timeline-view
+  > :nth-child(3)
+  > :nth-child(2)
+  div[style*='background']:not([style*='background: rgb(211, 79, 67)']),
+.notion-body.dark
+  .notion-calendar-view
+  .notion-collection_view_page-block[style*='background: rgb(55, 60, 63)'],
+.notion-body:not(.dark)
+  .notion-calendar-view
+  .notion-collection_view_page-block[style*='background: rgb(247, 246, 243)'],
+.notion-body.dark
+  .notion-calendar-view
+  .notion-collection_view-block[style*='background: rgb(55, 60, 63)'],
+.notion-body:not(.dark)
+  .notion-calendar-view
+  .notion-collection_view-block[style*='background: rgb(247, 246, 243)'] {
+  background: var(--theme--db_weekend) !important;
+}
+.notion-calendar-view-day[style*='background: rgb(235, 87, 87)'],
+.DayPicker-Day--today:not(.DayPicker-Day--selected):not(.DayPicker-Day--value):not(.DayPicker-Day--start):not(.DayPicker-Day--end)::after,
+.notion-timeline-view [style*='background: rgb(211, 79, 67)'] {
+  background: var(--theme--db_today) !important;
+  color: var(--theme--db_today-text) !important;
+}
+.DayPicker-Day--today:not(.DayPicker-Day--selected):not(.DayPicker-Day--value):not(.DayPicker-Day--start):not(.DayPicker-Day--end) {
+  color: var(--theme--db_today-text) !important;
+}
+.notion-timeline-view > :nth-child(1) > div[style*='border-right'] {
+  border-right: 1px solid var(--theme--timeline_divider_thin) !important;
+}
+.notion-timeline-view .collectionTimelineArrowLeft,
+.notion-timeline-view .collectionTimelineArrowRight {
+  fill: var(--theme--timeline_arrow) !important;
+}
+.notion-timeline-view > :nth-child(2) > :not(.notion-timeline-item-row) > div > div {
+  background: var(--theme--timeline_arrow_box) !important;
+  border: 1px solid var(--theme--timeline_arrow) !important;
+}
+.notion-body.dark
+  .notion-timeline-view
+  > :nth-child(2)
+  > :not(.notion-timeline-item-row)
+  > div
+  > div[style*='background: rgb(202, 204, 206)'],
+.notion-body:not(.dark)
+  .notion-timeline-view
+  > :nth-child(2)
+  > :not(.notion-timeline-item-row)
+  > div
+  > div[style*='background: rgba(55, 53, 47, 0.8)'] {
+  background: var(--theme--timeline_arrow_box-hover) !important;
+}
+
+/* interactive + block ui */
+
+.notion-to_do-block .checkboxSquare {
+  background: var(--theme--checkbox) !important;
+}
+.notion-to_do-block .checkboxSquare path {
+  fill: var(--theme--checkbox-text) !important;
+}
+.notion-to_do-block [role='button']:hover,
+.notion-to_do-block [role='button']:hover .checkboxSquare,
+.notion-to_do-block [role='button']:hover .check {
+  background: var(--theme--checkbox-hover) !important;
+}
+.notion-to_do-block [role='button']:hover .checkboxSquare path,
+.notion-to_do-block [role='button']:hover .check polygon {
+  fill: var(--theme--checkbox-hover-text) !important;
+}
+.notion-to_do-block [role='button']:not(:hover) .check {
+  background: var(--theme--checkbox-active) !important;
+}
+.notion-to_do-block [role='button']:not(:hover) .check polygon {
+  fill: var(--theme--checkbox-active-text) !important;
+}
+
+[role='button']
+  > [style*='height: 14px; width: 26px;'][style*='background: rgb(46, 170, 220)'] {
+  background: var(--theme--toggle_on) !important;
+}
+[role='button']
+  > [style*='height: 14px; width: 26px;']:not([style*='background: rgb(46, 170, 220)']) {
+  background: var(--theme--toggle_off) !important;
+}
+[role='button'] > [style*='height: 14px; width: 26px;'] > [style*='background: white'] {
+  background: var(--theme--toggle_dot) !important;
+}
+
+.notion-focusable,
+.notion-overlay-container.notion-default-overlay-container
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > :nth-child(2)
+  > div
+  > div
+  > div
+  > div
+  > div
+  > div
+  > :nth-child(2)[style*='background:'],
+.notion-overlay-container.notion-default-overlay-container
+  > div
+  > div
+  > :nth-child(2)
+  > :nth-child(2)
+  > div
+  > div
+  > div
+  > div
+  > div
+  > :nth-child(1)
+  > :nth-child(1)
+  > [style*='border-radius: 3px; height: 28px;']:not([style*='background: rgba(46, 170, 220, 0.15)']),
+.notion-workspace-invite
+  [style*='display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; min-height: 34px;'][style*='height: 100px;'],
+.notion-body.dark
+  [style*='box-shadow: rgba(15, 15, 15, 0.2) 0px 0px 0px 1px inset'][style*='cursor: text;'],
+.notion-body:not(.dark)
+  [style*='box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px inset'][style*='cursor: text;'] {
+  background: var(--theme--input) !important;
+}
+.notion-body.dark [style*='box-shadow: rgba(15, 15, 15, 0.2) 0px 0px 0px 1px inset'],
+.notion-body:not(.dark) [style*='box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px inset'] {
+  box-shadow: var(--theme--input-border) 0px 0px 0px 1px inset !important;
+}
+.notion-overlay-container.notion-default-overlay-container
+  .notion-scroller.vertical
+  [style*='display: grid; grid-template-columns:']
+  > div
+  > div:not([style*='background: transparent'])[style*='transition: background 120ms ease-in 0s;']:hover {
+  background: var(--theme--input_hover-backlight) !important;
+}
+
+[style*='[boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end]']
+  [role='button'][style*='background:'],
+.notion-overlay-container.notion-default-overlay-container
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > :nth-child(2)
+  > div
+  > div
+  > div
+  > div
+  > .notion-scroller.vertical
+  [style*='display: inline-flex;'][style*='margin-right: 8px; max-width: 180px;'][role='button'] {
+  background: var(--theme--filter) !important;
+}
+[style*='[boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end]']
+  [style*='grid-column: property-start / value-end;'] {
+  background: var(--theme--sub_filter) !important;
+  box-shadow: var(--theme--divider) 0px 0px 0px 1px !important;
+}
+.notion-overlay-container.notion-default-overlay-container
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > :nth-child(2)
+  > div
+  > div
+  > div
+  > div
+  > :nth-child(1)
+  > div[style*='min-height: 34px;'],
+.notion-overlay-container.notion-default-overlay-container
+  > :nth-child(4)
+  > div
+  > :nth-child(2)
+  > :nth-child(2)
+  > div
+  > div
+  > div
+  > div
+  > :nth-child(1)
+  > div[style*='min-height: 34px;'] {
+  background: var(--theme--tag_select) !important;
+}
+
+.notion-image-block [style*='background: rgba(0, 0, 0, 0.6);'],
+.notion-bookmark-block [style*='background: rgba(0, 0, 0, 0.6);'] {
+  background: var(--theme--button_semitransparent) !important;
+}
+
+.notion-body.dark
+  [role='button'][style*='background: rgb(71, 76, 80)']:not([style*='min-height: 40px']),
+.notion-body:not(.dark) [role='button'][style*='background: rgba(55, 53, 47, 0.08)'],
+.notion-body.dark
+  .notion-overlay-container.notion-default-overlay-container
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > div
+  > div
+  > :nth-child(2)
+  > table
+  > tbody
+  > tr:nth-child(19)
+  > td:nth-child(1)
+  > span
+  > div[style*='background: rgb(71, 76, 80)'],
+.notion-body:not(.dark)
+  .notion-overlay-container.notion-default-overlay-container
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > div
+  > div
+  > :nth-child(2)
+  > table
+  > tbody
+  > tr:nth-child(19)
+  > td:nth-child(1)
+  > span
+  > div[style*='background: rgba(55, 53, 47, 0.08)'],
+.notion-body.dark
+  .notion-sidebar-container
+  [role='button']
+  > [style*='background: rgb(71, 76, 80)'],
+.notion-body:not(.dark)
+  .notion-sidebar-container
+  [role='button']
+  > [style*='background: rgba(55, 53, 47, 0.08)'] {
+  background: var(--theme--button-hover) !important;
+}
+.notion-body.dark [role='button'][style*='background: rgb(63, 68, 71)'],
+.notion-body:not(.dark) [role='button'][style*='background: rgba(55, 53, 47, 0.16)'],
+.notion-body.dark
+  .notion-sidebar-container
+  [role='button']
+  > [style*='background: rgb(63, 68, 71)'],
+.notion-body:not(.dark)
+  .notion-sidebar-container
+  [role='button']
+  > [style*='background: rgba(55, 53, 47, 0.16)'] {
+  background: var(--theme--button-active) !important;
+}
+
+.notion-text-mention-token[style*='color:#EB5757'] {
+  color: var(--theme--reminder) !important;
+}
+.notion-text-mention-token[style*='color:#EB5757'] svg {
+  fill: var(--theme--reminder) !important;
+}
+
+.notion-body.dark [role='button'][style*='background: rgb(47, 52, 55)'],
+.notion-body:not(.dark)
+  :not([style*='[boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end]'])
+  > :not([style*='[boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end]']):not(.notion-login)
+  > [role='button'][style*='background: white']:not(.notion-help-button):not([style*='margin-right: 8px; max-width: 180px;']):not(.notion-onboarding-plan-type-personal):not(.notion-onboarding-plan-type-team),
+.notion-cursor-listener
+  > .notion-frame
+  > .notion-scroller.vertical.horizontal
+  > :nth-child(1)
+  > :nth-child(1)
+  > :nth-child(3)
+  > div[style*='background'],
+.notion-overlay-container.notion-default-overlay-container
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > .notion-scroller.vertical
+  > :nth-child(1)
+  > :nth-child(1)
+  > :nth-child(3)
+  > div,
+.notion-selectable.notion-page-block.notion-collection-item
+  > a
+  > [role='button']
+  > :nth-child(1)
+  > :nth-child(3) {
+  background: var(--theme--expand) !important;
+  color: var(--theme--expand-text) !important;
+  fill: var(--theme--expand_icon) !important;
+}
+.notion-body.dark
+  [role='button'][style*='background: rgb(47, 52, 55)']
+  [style*='fill']:not(.plus),
+.notion-body:not(.dark)
+  :not([style*='[boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end]'])
+  > [role='button'][style*='background: white']:not(.notion-help-button)
+  [style*='fill']:not(.plus):not(.appleLogo),
+.notion-cursor-listener
+  > .notion-frame
+  > .notion-scroller.vertical.horizontal
+  > :nth-child(1)
+  > :nth-child(1)
+  > :nth-child(3)
+  > div[style*='background']
+  [style*='fill'],
+.notion-overlay-container.notion-default-overlay-container
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > .notion-scroller.vertical
+  > :nth-child(1)
+  > :nth-child(1)
+  > :nth-child(3)
+  > div
+  [style*='fill'],
+.notion-selectable.notion-page-block.notion-collection-item
+  > a
+  > [role='button']
+  > :nth-child(1)
+  > :nth-child(3)
+  [style*='fill'] {
+  color: var(--theme--expand-text) !important;
+  fill: var(--theme--expand_icon) !important;
+}
+
+.notion-body.dark
+  [role='button'][style*='background: rgb(98, 102, 104)']:not(.notion-help-button),
+.notion-body:not(.dark)
+  [role='button'][style*='background: rgb(239, 239, 238)']:not(.notion-help-button) {
+  background: var(--theme--expand-hover) !important;
+}
+.notion-body.dark
+  [role='button'][style*='background: rgb(120, 123, 123)']:not(.notion-help-button),
+.notion-body:not(.dark)
+  [role='button'][style*='background: rgb(223, 223, 222)']:not(.notion-help-button) {
+  background: var(--theme--expand-active) !important;
+}
+
+.notion-collection-item
+  [role='button']
+  > div
+  > [style*='font-weight: 500; border-bottom: 1px solid'],
+.notion-divider-block > div > [style*='border-bottom: 1px solid'] {
+  border-bottom: 1px solid var(--theme--divider) !important;
+}
+.notion-collection_view-block
+  > [style*='height: 44px; z-index: 82; display: flex; width: 100%; border-top: 1px solid'],
+.notion-collection_view_page-block
+  > [style*='height: 44px; z-index: 82; display: flex; width: 100%; border-top: 1px solid'],
+.notion-collection_view-block[style*='border-top: 1px solid'],
+.notion-collection_view_page-block[style*='border-top: 1px solid'] {
+  border-top: 1px solid var(--theme--divider) !important;
+}
+.notion-body.dark [style*='height: 1px;'][style*='background: rgba(255, 255, 255, 0.07);'],
+.notion-body.dark [style*='width: 4px; height: 100%; background: rgba(255, 255, 255, 0.14);'],
+.notion-body:not(.dark) [style*='height: 1px;'][style*='background: rgba(55, 53, 47, 0.09);'],
+.notion-body:not(.dark)
+  [style*='width: 4px; height: 100%; background: rgba(55, 53, 47, 0.16);'] {
+  background: var(--theme--divider) !important;
+}
+.notion-workspace-create
+  > :nth-child(2)
+  > :nth-child(2)
+  > div
+  > [style*='margin-top: 16px;']
+  > [role='button'] {
+  box-shadow: var(--theme--divider) 0px 0px 0px 1px !important;
+}
+.notion-table-view > .notion-collection_view-block > :first-child,
+.notion-table-view > .notion-collection_view_page-block > :first-child {
+  box-shadow: var(--theme--divider) -3px 0px 0px, var(--theme--divider) 0px 1px 0px !important;
+}
+.notion-calendar-view > .notion-collection_view-block > :first-child,
+.notion-calendar-view > .notion-collection_view_page-block > :first-child {
+  box-shadow: var(--theme--divider) 0px 1px 0px inset !important;
+}
+.notion-calendar-view > .notion-collection_view-block > :nth-child(3),
+.notion-calendar-view > .notion-collection_view_page-block > :nth-child(3) {
+  box-shadow: var(--theme--divider) -1px 0px 0px !important;
+}
+.notion-calendar-header-days {
+  box-shadow: var(--theme--divider) 0px 1px 0px !important;
+}
+.notion-calendar-view [style*='border-right: 1px solid'],
+.notion-table-view [style*='border-right: 1px solid'] {
+  border-right: 1px solid var(--theme--divider) !important;
+}
+.notion-calendar-view [style*='border-left: 1px solid'],
+.notion-table-view [style*='border-left: 1px solid'] {
+  border-left: 1px solid var(--theme--divider) !important;
+}
+.notion-calendar-view [style*='border-top: 1px solid'],
+.notion-table-view [style*='border-top: 1px solid'] {
+  border-top: 1px solid var(--theme--divider) !important;
+}
+.notion-calendar-view [style*='border-bottom: 1px solid'],
+.notion-table-view [style*='border-bottom: 1px solid'] {
+  border-bottom: 1px solid var(--theme--divider) !important;
+}
+.notion-table-view .notion-collection-item:last-child {
+  border-bottom: none !important;
+}
+.notion-gallery-view > div > :last-child {
+  box-shadow: var(--theme--divider) 0px 0px 0px 1px inset !important;
+}
+.notion-body.dark [style*='border-top: 1px solid rgba(255, 255, 255, 0.14);'],
+.notion-body.dark [style*='border-top: 1px solid rgba(255, 255, 255, 0.07);'],
+.notion-body:not(.dark) [style*='border-top: 1px solid rgba(55, 53, 47, 0.06)'],
+.notion-body:not(.dark) [style*='border-top: 1px solid rgba(55, 53, 47, 0.09);'],
+.notion-body:not(.dark) [style*='border-top: 1px solid rgba(55, 53, 47, 0.16);'] {
+  border-top: 1px solid var(--theme--divider) !important;
+}
+.notion-body.dark [style*='border-bottom: 1px solid rgba(255, 255, 255, 0.14);'],
+.notion-body.dark [style*='border-bottom: 1px solid rgba(255, 255, 255, 0.07);'],
+.notion-body.dark [style*='border-bottom: 0.05em solid rgba(255,255,255,0.3);'],
+.notion-body:not(.dark) [style*='border-bottom: 1px solid rgba(55, 53, 47, 0.16);'],
+.notion-body:not(.dark) [style*='border-bottom: 1px solid rgba(55, 53, 47, 0.09);'],
+.notion-body:not(.dark) [style*='border-bottom:0.05em solid rgba(55,53,47,0.25);'] {
+  border-bottom: 1px solid var(--theme--divider) !important;
+}
+.notion-body.dark [style*='border-left: 1px solid rgba(255, 255, 255, 0.14);'],
+.notion-body.dark [style*='border-left: 1px solid rgba(255, 255, 255, 0.07);'],
+.notion-body:not(.dark) [style*='border-left: 1px solid rgba(55, 53, 47, 0.06)'],
+.notion-body:not(.dark) [style*='border-left: 1px solid rgba(55, 53, 47, 0.09);'],
+.notion-body:not(.dark) [style*='border-left: 1px solid rgba(55, 53, 47, 0.16);'] {
+  border-left: 1px solid var(--theme--divider) !important;
+}
+.notion-body.dark [style*='border-right: 1px solid rgba(255, 255, 255, 0.14);'],
+.notion-body.dark [style*='border-right: 1px solid rgba(255, 255, 255, 0.07);'],
+.notion-body:not(.dark) [style*='border-right: 1px solid rgba(55, 53, 47, 0.06)'],
+.notion-body:not(.dark) [style*='border-right: 1px solid rgba(55, 53, 47, 0.09);'],
+.notion-body:not(.dark) [style*='border-right: 1px solid rgba(55, 53, 47, 0.16);'] {
+  border-right: 1px solid var(--theme--divider) !important;
+}
+.notion-body.dark [style*='border: 1px solid rgba(255, 255, 255, 0.14);'],
+.notion-body.dark [style*='border: 1px solid rgba(255, 255, 255, 0.07);'],
+.notion-body:not(.dark) [style*='border: 1px solid rgba(55, 53, 47, 0.09)'],
+.notion-body:not(.dark) [style*='border: 1px solid rgba(55, 53, 47, 0.16);'] {
+  border: 1px solid var(--theme--divider) !important;
+}
+.notion-body.dark [style*='border-color: rgba(255, 255, 255, 0.07);'],
+.notion-body.dark [style*='border-color:rgba(255,255,255,0.4);'],
+.notion-body:not(.dark) [style*='border-color:rgba(55,53,47,0.4);'],
+.notion-body:not(.dark) [style*='border-color: rgba(55, 53, 47, 0.09);'],
+.notion-body:not(.dark) [style*='border-color: rgba(55, 53, 47, 0.06);'] {
+  border-color: var(--theme--divider) !important;
+}
+.notion-body.dark [style*='box-shadow: rgba(255, 255, 255, 0.07) 0px -1px 0px;'],
+.notion-body:not(.dark) [style*='box-shadow: rgba(55, 53, 47, 0.09) 0px -1px 0px;'] {
+  box-shadow: var(--theme--divider) 0px -1px 0px !important;
+}
+.notion-body.dark [style*='box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px;'],
+.notion-body:not(.dark) [style*='box-shadow: rgba(55, 53, 47, 0.09) 0px 1px 0px;'] {
+  box-shadow: var(--theme--divider) 0px 1px 0px !important;
+}
+.notion-overlay-container.notion-default-overlay-container
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > :nth-child(2)
+  > div
+  > div
+  > div
+  > div
+  > div
+  > div
+  > .notion-record-icon.notranslate {
+  box-shadow: var(--theme--divider) 0px 0px 0px 1px inset !important;
+}
+
+.notion-embed-block > div > div[style*='background:'],
+.notion-image-block > div > div[style*='background:'],
+.notion-video-block > div > div[style*='background:'],
+.notion-codepen-block > div > div[style*='background:'],
+.notion-typeform-block > div > div[style*='background:'],
+.notion-whimsical-block > div > div[style*='background:'],
+.notion-loom-block > div > div[style*='background:'],
+.notion-pdf-block > div > div[style*='background:'],
+.notion-figma-block > div > div[style*='background:'],
+.notion-miro-block > div > div[style*='background:'],
+.notion-invision-block > div > div[style*='background:'],
+.notion-framer-block > div > div[style*='background:'],
+.notion-gist-block > div > div[style*='background:'],
+.notion-maps-block > div > div[style*='background:'],
+.notion-abstract-block > div > div[style*='background:'],
+.notion-tweet-block > div > div[style*='background:'],
+.notion-drive-block > div > div[style*='background:'] {
+  background: var(--theme--embed_block) !important;
+}
+.notion-equation-block > div > div[style*='background'] {
+  background: var(--theme--equation_block) !important;
+}
+.notion-body.dark
+  .notion-overlay-container.notion-default-overlay-container
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > :nth-child(2)
+  > div
+  > div
+  > div
+  > div[style*='background: rgba(15, 15, 15, 0.3)'],
+.notion-body:not(.dark)
+  .notion-overlay-container.notion-default-overlay-container
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > :nth-child(2)
+  > div
+  > div
+  > div
+  > div[style*='background: rgba(242, 241, 238, 0.6)'] {
+  background: var(--theme--equation_editor) !important;
+}
+.notion-text-equation-token {
+  background: var(--theme--equation_inline) !important;
+  color: var(--theme--equation_inline-text) !important;
+}
+[role='alert'][style*='background:'] {
+  background: var(--theme_dark--equation_error_block) !important;
+}
+[role='alert'][style*='color:'] {
+  color: var(--theme_dark--equation_error-text) !important;
+}
+[role='alert'][style*='color:'][style*='background:'] {
+  color: var(--theme_dark--equation_error_inline-text) !important;
+}
+
+.notion-frame [style*='background: rgba(0, 0, 0, 0.4)'][style*='color: white'],
+.notion-peek-renderer [style*='background: rgba(0, 0, 0, 0.4)'][style*='color: white'] {
+  background: var(--theme--reposition_cover) !important;
+  color: var(--theme--reposition_cover-text) !important;
+}
+.notion-block-resizer > div > div {
+  background: var(--theme--resizer) !important;
+  border: 1px solid var(--theme--resizer-border) !important;
+}
+.notion-block-resizer > div > svg {
+  fill: var(--theme--resizer) !important;
+  stroke: var(--theme--resizer-border) !important;
+}
+
+.notion-overlay-container.notion-default-overlay-container
+  > div
+  > div
+  > div
+  > :nth-child(2)
+  > div
+  > div
+  > div[style*='background'][style*='font-size: 12px;'] {
+  background: var(--theme--tooltip) !important;
+  color: var(--theme--tooltip-text) !important;
+}
+.notion-overlay-container.notion-default-overlay-container
+  > div
+  > div
+  > div
+  > :nth-child(2)
+  > div
+  > div
+  > div[style*='background'][style*='font-size: 12px;']
+  [style^='color:'] {
+  color: var(--theme--tooltip-text_grey) !important;
+}
+
+.notion-help-button {
+  background: var(--theme--help) !important;
+}
+.notion-help-button:hover {
+  background: var(--theme--help-hover) !important;
+}
+
+.notion-space-settings
+  [role='button'][style*='color: rgb(235, 87, 87);']:not([style*='background: rgb(253, 245, 242)']):not([style*='background: rgb(251, 235, 232)']),
+.notion-overlay-container.notion-default-overlay-container
+  > :nth-child(3)
+  > div
+  > :nth-child(2)
+  > div
+  > :nth-child(3)
+  > div
+  > :nth-child(1)[role='button'][style*='color: rgb(235, 87, 87);'] {
+  color: var(--theme--settings_danger_button-text) !important;
+  border: 1px solid var(--theme--settings_danger_button-border) !important;
+}
+.notion-space-settings
+  [role='button'][style*='color: rgb(235, 87, 87);']:not([style*='background: rgb(251, 235, 232)']):hover,
+.notion-overlay-container.notion-default-overlay-container
+  > :nth-child(3)
+  > div
+  > :nth-child(2)
+  > div
+  > :nth-child(3)
+  > div
+  > :nth-child(1)[role='button'][style*='color: rgb(235, 87, 87);']:hover {
+  background: var(--theme--settings_danger_button-hover) !important;
+}
+
+/** scrollbars **/
+
+::-webkit-scrollbar-track {
+  background: var(--theme--scrollbar_track) !important;
+}
+::-webkit-scrollbar-corner {
+  background: var(--theme--scrollbar_track) !important;
+}
+::-webkit-scrollbar-thumb {
+  background: var(--theme--scrollbar_thumb) !important;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: var(--theme--scrollbar_thumb-hover) !important;
+}
+
+/** typography **/
+
+[style*='Segoe UI'] {
+  font-family: var(--theme--font_sans) !important;
+}
+[style*='Georgia'] {
+  font-family: var(--theme--font_serif) !important;
+}
+[style*='iawriter-mono'] {
+  font-family: var(--theme--font_mono) !important;
+}
+[style*='SFMono-Regular'] {
+  font-family: var(--theme--font_code) !important;
+}
+.notion-selectable.notion-quote-block div[spellcheck='true'] {
+  font-family: var(--theme--font_quote) !important;
+}
+[placeholder='Heading 1'],
+[placeholder='Heading 2'],
+[placeholder='Heading 3'] {
+  font-family: var(--theme--font_headings) !important;
+}
+
+[style*='font-size: 40px'] {
+  font-size: var(--theme_dark--font_title-size) !important;
+}
+[placeholder='Heading 1'] {
+  font-size: var(--theme_dark--font_heading1-size) !important;
+}
+[placeholder='Heading 2'] {
+  font-size: var(--theme_dark--font_heading2-size) !important;
+}
+[placeholder='Heading 3'] {
+  font-size: var(--theme_dark--font_heading3-size) !important;
+}
+[style*='font-size: 16px'] {
+  font-size: var(--theme_dark--font_body-size) !important;
+}
+[style*='font-size: 1.2em'] {
+  font-size: var(--theme_dark--font_quote-size) !important;
+}
+[style*='font-size: 85%'],
+[style*='font-size:85%'] {
+  font-size: var(--theme_dark--font_code-size) !important;
+}
+[style*='font-size: 14px'] {
+  font-size: var(--theme_dark--font_ui-size) !important;
+}
+[style*='font-size: 11.5px'] {
+  /* sidebar titles, block copy & caption buttons */
+  font-size: var(--theme_dark--font_ui_small-size) !important;
+}
+[style*='font-size: 11px'] {
+  font-size: var(--theme_dark--font_popout_title-size) !important;
+}
+[style*='font-size: 12px'] {
+  font-size: var(--theme_dark--font_description-size) !important;
+}
+[style*='font-size: 16.8px'] {
+  font-size: var(--theme_dark--font_callout_icon-size) !important;
+}
+[style*='font-size: 20px'] {
+  font-size: var(--theme_dark--font_help_icon-size) !important;
+}
+
+.notion-page-content .notion-selectable.notion-text-block {
+  line-height: var(--theme--text_block-line_height) !important;
+  margin-top: var(--theme--text_block-margin_top) !important;
+}
+
+.notion-body.dark [style*='fill: rgba(202, 204, 206, 0.6);'],
+.notion-body:not(.dark) [style*='fill: rgba(55, 53, 47, 0.4);'] {
+  fill: var(--theme--icon) !important;
+}
+.notion-body.dark [style*='fill: rgb(202, 204, 206);'],
+.notion-body:not(.dark) [style*='fill: rgba(55, 53, 47, 0.8);'] {
+  fill: var(--theme--icon_topbar) !important;
+}
+
+.notion-body.dark [style*=' color: rgba(255, 255, 255, 0.9);'],
+.notion-body.dark [style^='color: rgba(255, 255, 255, 0.9);'],
+.notion-body:not(.dark) :not(.notion-login) > [style*=' color: rgb(55, 53, 47);'],
+.notion-body:not(.dark) [style^='color: rgb(55, 53, 47);'] {
+  color: var(--theme--text) !important;
+}
+.notion-body.dark [style*='fill: rgba(255, 255, 255, 0.9);'],
+.notion-body:not(.dark) [style*='fill: rgb(55, 53, 47);'] {
+  fill: var(--theme--text) !important;
+}
+.notion-body.dark [style*='border-bottom: 2px solid rgba(255, 255, 255, 0.9);'],
+.notion-body:not(.dark) [style*='border-bottom: 2px solid rgb(55, 53, 47);'] {
+  border-bottom: 2px solid var(--theme--text) !important;
+}
+.notion-body.dark [style*='caret-color: rgba(255, 255, 255, 0.9);'],
+.notion-body:not(.dark) [style*='caret-color: rgb(55, 53, 47);'] {
+  caret-color: var(--theme--text) !important;
+}
+[role='button'][style*='color: rgb(165, 165, 165);'],
+.notion-body.dark [style*='color: rgba(255, 255, 255, 0.6);'],
+.notion-body:not(.dark) [style*='color: rgba(55, 53, 47, 0.6);'] {
+  color: var(--theme--text_property) !important;
+}
+.notion-body.dark [style*='color: rgba(255, 255, 255, 0.4);'],
+.notion-body:not(.dark) [style*='color: rgba(55, 53, 47, 0.4);'] {
+  color: var(--theme--text_placeholder) !important;
+  -webkit-text-fill-color: var(--theme--text_placeholder) !important;
+}
+.notion-body.dark [style*='fill: rgba(202, 204, 206, 0.4);'],
+.notion-body:not(.dark) [style*='fill: rgba(55, 53, 47, 0.3);'],
+.notion-body.dark
+  .notion-overlay-container.notion-default-overlay-container
+  > div:nth-child(2)
+  > div
+  > div:nth-child(2)
+  > div
+  > div:nth-child(5)
+  > svg[style*='fill: white'] {
+  fill: var(--theme--text_pseudo) !important;
+}
+.notion-sidebar-container > :first-child {
+  color: var(--theme--text_sidebar) !important;
+}
+.notion-sidebar .dots,
+.notion-sidebar .plus {
+  fill: var(--theme--text_sidebar) !important;
+}
+
+/** code **/
+
+.notion-page-content [style*='color:#EB5757']:not(.notion-text-mention-token) {
+  background: var(--theme--code_inline) !important;
+  color: var(--theme--code_inline-text) !important;
+}
+
+.notion-code-block > div > div {
+  background: var(--theme--code) !important;
+}
+.notion-code-block > div {
+  color: var(--theme--code_plain) !important;
+}
+.notion-code-block .token.function {
+  color: var(--theme--code_function) !important;
+}
+.notion-code-block .token.parameter {
+  color: var(--theme--code_parameter) !important;
+}
+.notion-code-block .token.keyword {
+  color: var(--theme--code_keyword) !important;
+}
+.notion-code-block .token.constant {
+  color: var(--theme--code_constant) !important;
+}
+.notion-code-block .token.tag {
+  color: var(--theme--code_tag) !important;
+}
+.notion-code-block .token.operator {
+  color: var(--theme--code_operator) !important;
+  background: transparent !important;
+}
+.notion-code-block .token.important {
+  color: var(--theme--code_important) !important;
+}
+.notion-code-block .token.regex {
+  color: var(--theme--code_regex) !important;
+}
+.notion-code-block .token.property {
+  color: var(--theme--code_property) !important;
+}
+.notion-code-block .token.builtin {
+  color: var(--theme--code_builtin) !important;
+}
+.notion-code-block .token.class-name {
+  color: var(--theme--code_class-name) !important;
+}
+.notion-code-block .token.attr-name {
+  color: var(--theme--code_attr-name) !important;
+}
+.notion-code-block .token.attr-value {
+  color: var(--theme--code_attr-value) !important;
+}
+.notion-code-block .token.selector {
+  color: var(--theme--code_selector) !important;
+}
+.notion-code-block .token.id {
+  color: var(--theme--code_id) !important;
+}
+.notion-code-block .token.class {
+  color: var(--theme--code_class) !important;
+}
+.notion-code-block .token.pseudo-element {
+  color: var(--theme--code_pseudo-element) !important;
+}
+.notion-code-block .token.pseudo-class {
+  color: var(--theme--code_pseudo-class) !important;
+}
+.notion-code-block .token.attribute {
+  color: var(--theme--code_attribute) !important;
+}
+.notion-code-block .token.value {
+  color: var(--theme--code_value) !important;
+}
+.notion-code-block .token.unit {
+  color: var(--theme--code_unit) !important;
+}
+.notion-code-block .token.comment {
+  color: var(--theme--code_comment) !important;
+}
+.notion-code-block .token.punctuation {
+  color: var(--theme--code_punctuation) !important;
+}
+.notion-code-block .token.annotation {
+  color: var(--theme--code_annotation) !important;
+}
+.notion-code-block .token.decorator {
+  color: var(--theme--code_decorator) !important;
+}
+.notion-code-block .token.doctype {
+  color: var(--theme--code_doctype) !important;
+}
+.notion-code-block .token.number {
+  color: var(--theme--code_number) !important;
+}
+.notion-code-block .token.string {
+  color: var(--theme--code_string) !important;
+}
+.notion-code-block .token.boolean {
+  color: var(--theme--code_boolean) !important;
+}
+
+/** colours **/
+
+.notion-body.dark [style*='background: rgb(80, 85, 88)']:not([role='button']),
+.notion-body:not(.dark) [style*='background: rgba(206, 205, 202, 0.5)']:not([role='button']) {
+  background: var(--theme--tag_default) !important;
+  color: var(--theme--tag_default-text) !important;
+}
+.notion-body.dark
+  [style*='color: rgba(255, 255, 255, 0.6); background: rgb(80, 85, 88)']:not([role='button']),
+.notion-body:not(.dark)
+  [style*='color: rgba(55, 53, 47, 0.6); background: rgba(206, 205, 202, 0.5)']:not([role='button']) {
+  background: var(--theme--tag_plan) !important;
+  color: var(--theme--tag_plan-text) !important;
+}
+[style*='background: rgb(235, 87, 87); color: white; border-radius: 3px;']:not([role='button']) {
+  background: var(--theme--tag_new) !important;
+  color: var(--theme--tag_new-text) !important;
+}
+
+.notion-body.dark [style*='color:rgba(151,154,155,0.95)'],
+.notion-body.dark [style*='color: rgba(255, 255, 255, 0.6); fill: rgba(255, 255, 255, 0.6);'],
+.notion-body:not(.dark) [style*='color:rgb(155,154,151)'],
+.notion-body:not(.dark) [style*='color: rgba(55, 53, 47, 0.6); fill: rgba(55, 53, 47, 0.6);'] {
+  color: var(--theme--text_grey) !important;
+  fill: var(--theme--text_grey) !important;
+}
+.notion-body.dark [style*='background:rgb(69,75,78)'],
+.notion-body:not(.dark) [style*='background:rgb(235,236,237)'] {
+  background: var(--theme--highlight_grey) !important;
+}
+.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(69,75,78)'],
+.notion-body:not(.dark)
+  [style*='color: inherit']
+  > div
+  > div
+  > [style*='background:rgb(235,236,237)'] {
+  color: var(--theme--highlight_grey-text) !important;
+}
+.notion-body.dark [style*='color:rgba(151,154,155,0.95)'] [style*='background:rgb(69,75,78)'],
+.notion-body.dark
+  [style*='color: rgba(255, 255, 255, 0.6); fill: rgba(255, 255, 255, 0.6);']
+  [style*='background:rgb(69,75,78)'],
+.notion-body:not(.dark)
+  [style*='color:rgb(155,154,151)']
+  [style*='background:rgb(235,236,237)'],
+.notion-body:not(.dark)
+  [style*='color: rgba(55, 53, 47, 0.6); fill: rgba(55, 53, 47, 0.6);']
+  [style*='background:rgb(235,236,237)'] {
+  background: var(--theme--highlight_grey) !important;
+  color: var(--theme--text_grey) !important;
+  fill: var(--theme--text_grey) !important;
+}
+.notion-body.dark [style*='background: rgb(69, 75, 78)'],
+.notion-body:not(.dark) [style*='background: rgb(235, 236, 237)'] {
+  background: var(--theme--block_grey) !important;
+  color: var(--theme--block_grey-text) !important;
+}
+.notion-body.dark [style*='background: rgba(151, 154, 155, 0.5)'],
+.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] {
+  background: var(--theme--tag_grey) !important;
+  color: var(--theme--tag_grey-text) !important;
+}
+.notion-body.dark [style*='background: rgba(69, 75, 78, 0.3)'],
+.notion-body:not(.dark) [style*='background: rgba(235, 236, 237, 0.3)'] {
+  background: var(--theme--callout_grey) !important;
+  color: var(--theme--callout_grey-text) !important;
+}
+
+.notion-body.dark [style*='color:rgb(147,114,100)'],
+.notion-body.dark [style*='color: rgb(147, 114, 100); fill: rgb(147, 114, 100);'],
+.notion-body:not(.dark) [style*='color:rgb(100,71,58)'],
+.notion-body:not(.dark) [style*='color: rgb(100, 71, 58); fill: rgb(100, 71, 58);'] {
+  color: var(--theme--text_brown) !important;
+  fill: var(--theme--text_brown) !important;
+}
+.notion-body.dark [style*='background:rgb(67,64,64)'],
+.notion-body:not(.dark) [style*='background:rgb(233,229,227)'] {
+  background: var(--theme--highlight_brown) !important;
+}
+.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(67,64,64)'],
+.notion-body:not(.dark)
+  [style*='color: inherit']
+  > div
+  > div
+  > [style*='background:rgb(233,229,227)'] {
+  color: var(--theme--highlight_brown-text) !important;
+}
+.notion-body.dark [style*='color:rgb(147,114,100)'] [style*='background:rgb(67,64,64)'],
+.notion-body.dark
+  [style*='color: rgb(147, 114, 100); fill: rgb(147, 114, 100);']
+  [style*='background:rgb(67,64,64)'],
+.notion-body:not(.dark) [style*='color:rgb(100,71,58)'] [style*='background:rgb(233,229,227)'],
+.notion-body:not(.dark)
+  [style*='color: rgb(100, 71, 58); fill: rgb(100, 71, 58);']
+  [style*='background:rgb(233,229,227)'] {
+  background: var(--theme--highlight_brown) !important;
+  color: var(--theme--text_brown) !important;
+  fill: var(--theme--text_brown) !important;
+}
+.notion-body.dark [style*='background: rgb(67, 64, 64)'],
+.notion-body:not(.dark) [style*='background: rgb(233, 229, 227)'] {
+  background: var(--theme--block_brown) !important;
+  color: var(--theme--block_brown-text) !important;
+}
+.notion-body.dark [style*='background: rgba(147, 114, 100, 0.5)'],
+.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] {
+  background: var(--theme--tag_brown) !important;
+  color: var(--theme--tag_brown-text) !important;
+}
+.notion-body.dark [style*='background: rgba(67, 64, 64, 0.3)'],
+.notion-body:not(.dark) [style*='background: rgba(233, 229, 227, 0.3)'] {
+  background: var(--theme--callout_brown) !important;
+  color: var(--theme--callout_brown-text) !important;
+}
+
+.notion-body.dark [style*='color:rgb(255,163,68)'],
+.notion-body.dark [style*='color: rgb(255, 163, 68); fill: rgb(255, 163, 68);'],
+.notion-body:not(.dark) [style*='color:rgb(217,115,13)'],
+.notion-body:not(.dark) [style*='color: rgb(217, 115, 13); fill: rgb(217, 115, 13);'] {
+  color: var(--theme--text_orange) !important;
+  fill: var(--theme--text_orange) !important;
+}
+.notion-body.dark [style*='background:rgb(89,74,58)'],
+.notion-body:not(.dark) [style*='background:rgb(250,235,221)'] {
+  background: var(--theme--highlight_orange) !important;
+}
+.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(89,74,58)'],
+.notion-body:not(.dark)
+  [style*='color: inherit']
+  > div
+  > div
+  > [style*='background:rgb(250,235,221)'] {
+  color: var(--theme--highlight_orange-text) !important;
+}
+.notion-body.dark [style*='color:rgb(255,163,68)'] [style*='background:rgb(89,74,58)'],
+.notion-body.dark
+  [style*='color: rgb(255, 163, 68); fill: rgb(255, 163, 68);']
+  [style*='background:rgb(89,74,58)'],
+.notion-body:not(.dark)
+  [style*='color:rgb(217,115,13)']
+  [style*='background:rgb(250,235,221)'],
+.notion-body:not(.dark)
+  [style*='color: rgb(217, 115, 13); fill: rgb(217, 115, 13);']
+  [style*='background:rgb(250,235,221)'] {
+  background: var(--theme--highlight_orange) !important;
+  color: var(--theme--text_orange) !important;
+  fill: var(--theme--text_orange) !important;
+}
+.notion-body.dark [style*='background: rgb(89, 74, 58)'],
+.notion-body:not(.dark) [style*='background: rgb(250, 235, 221)'] {
+  background: var(--theme--block_orange) !important;
+  color: var(--theme--block_orange-text) !important;
+}
+.notion-body.dark [style*='background: rgba(255, 163, 68, 0.5)'],
+.notion-body:not(.dark) [style*='background: rgba(245, 93, 0, 0.2)'] {
+  background: var(--theme--tag_orange) !important;
+  color: var(--theme--tag_orange-text) !important;
+}
+.notion-body.dark [style*='background: rgba(89, 74, 58, 0.3)'],
+.notion-body:not(.dark) [style*='background: rgba(250, 235, 221, 0.3)'] {
+  background: var(--theme--callout_orange) !important;
+  color: var(--theme--callout_orange-text) !important;
+}
+
+.notion-body.dark [style*='color:rgb(255,220,73)'],
+.notion-body.dark [style*='color: rgb(255, 220, 73); fill: rgb(255, 220, 73);'],
+.notion-body:not(.dark) [style*='color:rgb(223,171,1)'],
+.notion-body:not(.dark) [style*='color: rgb(223, 171, 1); fill: rgb(223, 171, 1);'] {
+  color: var(--theme--text_yellow) !important;
+  fill: var(--theme--text_yellow) !important;
+}
+.notion-body.dark [style*='background:rgb(89,86,59)'],
+.notion-body:not(.dark) [style*='background:rgb(251,243,219)'] {
+  background: var(--theme--highlight_yellow) !important;
+}
+.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(89,86,59)'],
+.notion-body:not(.dark)
+  [style*='color: inherit']
+  > div
+  > div
+  > [style*='background:rgb(251,243,219)'] {
+  color: var(--theme--highlight_yellow-text) !important;
+}
+.notion-body.dark [style*='color:rgb(255,220,73)'] [style*='background:rgb(89,86,59)'],
+.notion-body.dark
+  [style*='color: rgb(255, 220, 73); fill: rgb(255, 220, 73);']
+  [style*='background:rgb(89,86,59)'],
+.notion-body:not(.dark) [style*='color:rgb(223,171,1)'] [style*='background:rgb(251,243,219)'],
+.notion-body:not(.dark)
+  [style*='color: rgb(223, 171, 1); fill: rgb(223, 171, 1);']
+  [style*='background:rgb(251,243,219)'] {
+  background: var(--theme--highlight_yellow) !important;
+  color: var(--theme--text_yellow) !important;
+  fill: var(--theme--text_yellow) !important;
+}
+.notion-body.dark [style*='background: rgb(89, 86, 59)'],
+.notion-body:not(.dark) [style*='background: rgb(251, 243, 219)'] {
+  background: var(--theme--block_yellow) !important;
+  color: var(--theme--block_yellow-text) !important;
+}
+.notion-body.dark [style*='background: rgba(255, 220, 73, 0.5)'],
+.notion-body:not(.dark) [style*='background: rgba(233, 168, 0, 0.2)'] {
+  background: var(--theme--tag_yellow) !important;
+  color: var(--theme--tag_yellow-text) !important;
+}
+.notion-body.dark [style*='background: rgba(89, 86, 59, 0.3)'],
+.notion-body:not(.dark) [style*='background: rgba(251, 243, 219, 0.3)'] {
+  background: var(--theme--callout_yellow) !important;
+  color: var(--theme--callout_yellow-text) !important;
+}
+
+.notion-body.dark [style*='color:rgb(77,171,154)'],
+.notion-body.dark [style*='color: rgb(77, 171, 154); fill: rgb(77, 171, 154);'],
+.notion-body:not(.dark) [style*='color:rgb(15,123,108)'],
+.notion-body:not(.dark) [style*='color: rgb(15, 123, 108); fill: rgb(15, 123, 108);'] {
+  color: var(--theme--text_green) !important;
+  fill: var(--theme--text_green) !important;
+}
+.notion-body.dark [style*='background:rgb(53,76,75)'],
+.notion-body:not(.dark) [style*='background:rgb(221,237,234)'] {
+  background: var(--theme--highlight_green) !important;
+}
+.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(53,76,75)'],
+.notion-body:not(.dark)
+  [style*='color: inherit']
+  > div
+  > div
+  > [style*='background:rgb(221,237,234)'] {
+  color: var(--theme--highlight_green-text) !important;
+}
+.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(89,86,59)'],
+.notion-body:not(.dark)
+  [style*='color: inherit']
+  > div
+  > div
+  > [style*='background:rgb(251,243,219)'] {
+  color: var(--theme--highlight_green-text) !important;
+}
+.notion-body.dark [style*='color:rgb(77,171,154)'] [style*='background:rgb(53,76,75)'],
+.notion-body.dark
+  [style*='color: rgb(77, 171, 154); fill: rgb(77, 171, 154);']
+  [style*='background:rgb(53,76,75)'],
+.notion-body:not(.dark)
+  [style*='color:rgb(15,123,108)']
+  [style*='background:rgb(221,237,234)'],
+.notion-body:not(.dark)
+  [style*='color: rgb(15, 123, 108); fill: rgb(15, 123, 108);']
+  [style*='background:rgb(221,237,234)'] {
+  background: var(--theme--highlight_green) !important;
+  color: var(--theme--text_green) !important;
+  fill: var(--theme--text_green) !important;
+}
+.notion-body.dark [style*='background: rgb(53, 76, 75)'],
+.notion-body:not(.dark) [style*='background: rgb(221, 237, 234)'] {
+  background: var(--theme--block_green) !important;
+  color: var(--theme--block_green-text) !important;
+}
+.notion-body.dark [style*='background: rgba(77, 171, 154, 0.5)'],
+.notion-body:not(.dark) [style*='background: rgba(0, 135, 107, 0.2)'] {
+  background: var(--theme--tag_green) !important;
+  color: var(--theme--tag_green-text) !important;
+}
+.notion-body.dark [style*='background: rgba(53, 76, 75, 0.3)'],
+.notion-body:not(.dark) [style*='background: rgba(221, 237, 234, 0.3)'] {
+  background: var(--theme--callout_green) !important;
+  color: var(--theme--callout_green-text) !important;
+}
+
+.notion-body.dark [style*='color:rgb(82,156,202)'],
+.notion-body.dark [style*='color: rgb(82, 156, 202); fill: rgb(82, 156, 202);'],
+.notion-body:not(.dark) [style*='color:rgb(11,110,153)'],
+.notion-body:not(.dark) [style*='color: rgb(11, 110, 153); fill: rgb(11, 110, 153);'] {
+  color: var(--theme--text_blue) !important;
+  fill: var(--theme--text_blue) !important;
+}
+.notion-body.dark [style*='background:rgb(54,73,84)'],
+.notion-body:not(.dark) [style*='background:rgb(221,235,241)'] {
+  background: var(--theme--highlight_blue) !important;
+}
+.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(54,73,84)'],
+.notion-body:not(.dark)
+  [style*='color: inherit']
+  > div
+  > div
+  > [style*='background:rgb(221,235,241)'] {
+  color: var(--theme--highlight_blue-text) !important;
+}
+.notion-body.dark [style*='color:rgb(82,156,202)'] [style*='background:rgb(54,73,84)'],
+.notion-body.dark
+  [style*='color: rgb(82, 156, 202); fill: rgb(82, 156, 202);']
+  [style*='background:rgb(54,73,84)'],
+.notion-body:not(.dark)
+  [style*='color:rgb(11,110,153)']
+  [style*='background:rgb(221,235,241)'],
+.notion-body:not(.dark)
+  [style*='color: rgb(11, 110, 153); fill: rgb(11, 110, 153);']
+  [style*='background:rgb(221,235,241)'] {
+  background: var(--theme--highlight_blue) !important;
+  color: var(--theme--text_blue) !important;
+  fill: var(--theme--text_blue) !important;
+}
+.notion-body.dark [style*='background: rgb(54, 73, 84)'],
+.notion-body:not(.dark) [style*='background: rgb(221, 235, 241)'] {
+  background: var(--theme--block_blue) !important;
+  color: var(--theme--block_blue-text) !important;
+}
+.notion-body.dark [style*='background: rgba(82, 156, 202, 0.5)'],
+.notion-body:not(.dark) [style*='background: rgba(0, 120, 223, 0.2)'] {
+  background: var(--theme--tag_blue) !important;
+  color: var(--theme--tag_blue-text) !important;
+}
+.notion-body.dark [style*='background: rgba(54, 73, 84, 0.3)'],
+.notion-body:not(.dark) [style*='background: rgba(221, 235, 241, 0.3)'] {
+  background: var(--theme--callout_blue) !important;
+  color: var(--theme--callout_blue-text) !important;
+}
+
+.notion-body.dark [style*='color:rgb(154,109,215)'],
+.notion-body.dark [style*='color: rgb(154, 109, 215); fill: rgb(154, 109, 215);'],
+.notion-body:not(.dark) [style*='color:rgb(105,64,165)'],
+.notion-body:not(.dark) [style*='color: rgb(105, 64, 165); fill: rgb(105, 64, 165);'] {
+  color: var(--theme--text_purple) !important;
+  fill: var(--theme--text_purple) !important;
+}
+.notion-body.dark [style*='background:rgb(68,63,87)'],
+.notion-body:not(.dark) [style*='background:rgb(234,228,242)'] {
+  background: var(--theme--highlight_purple) !important;
+}
+.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(68,63,87)'],
+.notion-body:not(.dark)
+  [style*='color: inherit']
+  > div
+  > div
+  > [style*='background:rgb(234,228,242)'] {
+  color: var(--theme--highlight_purple-text) !important;
+}
+.notion-body.dark [style*='color:rgb(154,109,215)'] [style*='background:rgb(68,63,87)'],
+.notion-body.dark
+  [style*='color: rgb(154, 109, 215); fill: rgb(154, 109, 215);']
+  [style*='background:rgb(68,63,87)'],
+.notion-body:not(.dark)
+  [style*='color:rgb(105,64,165)']
+  [style*='background:rgb(234,228,242)'],
+.notion-body:not(.dark)
+  [style*='color: rgb(105, 64, 165); fill: rgb(105, 64, 165);']
+  [style*='background:rgb(234,228,242)'] {
+  background: var(--theme--highlight_purple) !important;
+  color: var(--theme--text_purple) !important;
+  fill: var(--theme--text_purple) !important;
+}
+.notion-body.dark [style*='background: rgb(68, 63, 87)'],
+.notion-body:not(.dark) [style*='background: rgb(234, 228, 242)'] {
+  background: var(--theme--block_purple) !important;
+  color: var(--theme--block_purple-text) !important;
+}
+.notion-body.dark [style*='background: rgba(154, 109, 215, 0.5)'],
+.notion-body:not(.dark) [style*='background: rgba(103, 36, 222, 0.2)'] {
+  background: var(--theme--tag_purple) !important;
+  color: var(--theme--tag_purple-text) !important;
+}
+.notion-body.dark [style*='background: rgba(68, 63, 87, 0.3)'],
+.notion-body:not(.dark) [style*='background: rgba(234, 228, 242, 0.3)'] {
+  background: var(--theme--callout_purple) !important;
+  color: var(--theme--callout_purple-text) !important;
+}
+
+.notion-body.dark [style*='color:rgb(226,85,161)'],
+.notion-body.dark [style*='color: rgb(226, 85, 161); fill: rgb(226, 85, 161);'],
+.notion-body:not(.dark) [style*='color:rgb(173,26,114)'],
+.notion-body:not(.dark) [style*='color: rgb(173, 26, 114); fill: rgb(173, 26, 114);'] {
+  color: var(--theme--text_pink) !important;
+  fill: var(--theme--text_pink) !important;
+}
+.notion-body.dark [style*='background:rgb(83,59,76)'],
+.notion-body:not(.dark) [style*='background:rgb(244,223,235)'] {
+  background: var(--theme--highlight_pink) !important;
+}
+.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(83,59,76)'],
+.notion-body:not(.dark)
+  [style*='color: inherit']
+  > div
+  > div
+  > [style*='background:rgb(244,223,235)'] {
+  color: var(--theme--highlight_pink-text) !important;
+}
+.notion-body.dark [style*='color:rgb(226,85,161)'] [style*='background:rgb(83,59,76)'],
+.notion-body.dark
+  [style*='color: rgb(226, 85, 161); fill: rgb(226, 85, 161);']
+  [style*='background:rgb(83,59,76)'],
+.notion-body:not(.dark)
+  [style*='color:rgb(173,26,114)']
+  [style*='background:rgb(244,223,235)'],
+.notion-body:not(.dark)
+  [style*='color: rgb(173, 26, 114); fill: rgb(173, 26, 114);']
+  [style*='background:rgb(244,223,235)'] {
+  background: var(--theme--highlight_pink) !important;
+  color: var(--theme--text_pink) !important;
+  fill: var(--theme--text_pink) !important;
+}
+.notion-body.dark [style*='background: rgb(83, 59, 76)'],
+.notion-body:not(.dark) [style*='background: rgb(244, 223, 235)'] {
+  background: var(--theme--block_pink) !important;
+  color: var(--theme--block_pink-text) !important;
+}
+.notion-body.dark [style*='background: rgba(226, 85, 161, 0.5)'],
+.notion-body:not(.dark) [style*='background: rgba(221, 0, 129, 0.2)'] {
+  background: var(--theme--tag_pink) !important;
+  color: var(--theme--tag_pink-text) !important;
+}
+.notion-body.dark [style*='background: rgba(83, 59, 76, 0.3)'],
+.notion-body:not(.dark) [style*='background: rgba(244, 223, 235, 0.3)'] {
+  background: var(--theme--callout_pink) !important;
+  color: var(--theme--callout_pink-text) !important;
+}
+
+.notion-body.dark [style*='color:rgb(255,115,105)'],
+.notion-body.dark [style*='color: rgb(255, 115, 105); fill: rgb(255, 115, 105);'],
+.notion-body:not(.dark) [style*='color:rgb(224,62,62)'],
+.notion-body:not(.dark) [style*='color: rgb(224, 62, 62); fill: rgb(224, 62, 62);'] {
+  color: var(--theme--text_red) !important;
+  fill: var(--theme--text_red) !important;
+}
+.notion-body.dark [style*='background:rgb(89,65,65)'],
+.notion-body:not(.dark) [style*='background:rgb(251,228,228)'] {
+  background: var(--theme--highlight_red) !important;
+}
+.notion-body.dark [style*='color: inherit'] > div > div > [style*='background:rgb(89,65,65)'],
+.notion-body:not(.dark)
+  [style*='color: inherit']
+  > div
+  > div
+  > [style*='background:rgb(251,228,228)'] {
+  color: var(--theme--highlight_red-text) !important;
+}
+.notion-body.dark [style*='color:rgb(255,115,105)'] [style*='background:rgb(89,65,65)'],
+.notion-body.dark
+  [style*='color: rgb(255, 115, 105); fill: rgb(255, 115, 105);']
+  [style*='background:rgb(89,65,65)'],
+.notion-body:not(.dark) [style*='color:rgb(224,62,62)'] [style*='background:rgb(251,228,228)'],
+.notion-body:not(.dark)
+  [style*='color: rgb(224, 62, 62); fill: rgb(224, 62, 62);']
+  [style*='background:rgb(251,228,228)'] {
+  background: var(--theme--highlight_red) !important;
+  color: var(--theme--text_red) !important;
+  fill: var(--theme--text_red) !important;
+}
+.notion-body.dark [style*='background: rgb(89, 65, 65)'],
+.notion-body:not(.dark) [style*='background: rgb(251, 228, 228)'] {
+  background: var(--theme--block_red) !important;
+  color: var(--theme--block_red-text) !important;
+}
+.notion-body.dark [style*='background: rgba(255, 115, 105, 0.5);'],
+.notion-body:not(.dark) [style*='background: rgba(255, 0, 26, 0.2)'] {
+  background: var(--theme--tag_red) !important;
+  color: var(--theme--tag_red-text) !important;
+}
+.notion-body.dark [style*='background: rgba(89, 65, 65, 0.3)'],
+.notion-body:not(.dark) [style*='background: rgba(251, 228, 228, 0.3)'] {
+  background: var(--theme--callout_red) !important;
+  color: var(--theme--callout_red-text) !important;
+}
+
+/** normalisations **/
+
+.notion-frame .notion-scroller [style*='padding-left: 136.5px;'] {
+  padding-left: 0 !important;
+}
+.notion-frame .notion-scroller [style*='padding-right: 136.5px;'] {
+  padding-right: 0 !important;
+}
+.notion-collection_view-block > :first-child,
+.notion-collection_view-block .notion-scroller > :first-child {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+
+.notion-page-content [data-block-id][style*='max-width'] {
+  max-width: 100% !important;
+}
+.notion-peek-renderer .notion-page-content [style*='max-width: 943px;'] {
+  max-width: none !important;
+}
+
+.notion-page-content .notion-collection_view-block[style*=' width'],
+.notion-page-content .notion-collection_view-block[style^='width'] {
+  width: 100% !important;
+}
+.notion-page-content .notion-collection_view-block [style*='padding-left: 50px'],
+.notion-page-content .notion-collection_view-block [style*='padding-left: 96px'],
+.notion-page-content .notion-collection_view-block [style*='padding-left: 126px'] {
+  padding-left: 0 !important;
+}
+.notion-page-content .notion-collection_view-block [style*='padding-right: 50px'],
+.notion-page-content .notion-collection_view-block [style*='padding-right: 96px'],
+.notion-page-content .notion-collection_view-block [style*='padding-right: 126px'] {
+  padding-right: 0 !important;
+}
+.notion-page-content .notion-collection_view-block [style*='min-width: calc(100% - 192px);'],
+.notion-page-content .notion-collection_view-block [style*='min-width: 708px;'] {
+  min-width: 100% !important;
+}
+
+.notion-calendar-view-day,
+.DayPicker-Day--today:not(.DayPicker-Day--selected):not(.DayPicker-Day--value):not(.DayPicker-Day--start):not(.DayPicker-Day--end),
+.DayPicker-Day.DayPicker-Day--start.DayPicker-Day--selected,
+.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day--outside:hover,
+.DayPicker:not(.DayPicker--interactionDisabled)
+  .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--value):not(.DayPicker-Day--start):not(.DayPicker-Day--end) {
+  transition: all 200ms ease !important;
+}
+.notion-token-remove-button {
+  transition: opacity 200ms ease !important;
+}
+.notion-to_do-block > div > div > div[style*='background:'] {
+  transition: background 200ms ease !important;
+}
+
+[style*='background:rgb('] {
+  padding-bottom: 3px !important;
+}
+
+iframe {
+  border-radius: 0px !important;
+}
+.notion-overlay-container.notion-default-overlay-container
+  > :nth-child(2)
+  > div
+  > :nth-child(2)
+  > :nth-child(2)
+  > div
+  > div
+  > div
+  > div
+  > .notion-scroller.vertical
+  > div
+  > div
+  div[style*='transition: background 120ms ease-in 0s;']:not([style*='border-radius:']) {
+  border-radius: 4px;
+}
+
+.notion-selectable.notion-collection_view-block > [style*='box-shadow: white -3px 0px 0px;'],
+.notion-selectable.notion-collection_view_page-block
+  > [style*='box-shadow: white -3px 0px 0px;'] {
+  box-shadow: none !important;
+}
+.notion-body:not(.dark) .notion-code-block [style*='background: rgb(234, 233, 229)'] {
+  background: transparent !important;
+}
diff --git a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/mod.json b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/mod.json
new file mode 100644
index 0000000..462711d
--- /dev/null
+++ b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/mod.json
@@ -0,0 +1,18 @@
+{
+  "name": "theming",
+  "id": "0f0bf8b6-eae6-4273-b307-8fc43f2ee082",
+  "description": "the default theme variables, required by other themes & extensions.",
+  "version": "0.11.0",
+  "tags": ["core", "theme"],
+  "authors": [
+    {
+      "name": "dragonwocky",
+      "email": "thedragonring.bod@gmail.com",
+      "url": "https://dragonwocky.me/",
+      "icon": "https://dragonwocky.me/avatar.jpg"
+    }
+  ],
+  "css": {
+    "client": ["client.css"]
+  }
+}
diff --git a/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables.css b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables.css
new file mode 100644
index 0000000..94c959d
--- /dev/null
+++ b/extension/repo/theming@0f0bf8b6-eae6-4273-b307-8fc43f2ee082/variables.css
@@ -0,0 +1,1096 @@
+/*
+ * notion-enhancer
+ * (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * (c) 2020 TarasokUA
+ * (c) 2020 Arecsu
+ * (c) 2020 u/zenith_illinois
+ * (c) 2020 admiraldus
+ * (c) 2020 CloudHill
+ * (https://notion-enhancer.github.io/) under the MIT license
+ */
+
+:root {
+  /** dark **/
+
+  --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--page: rgb(47, 52, 55);
+  --theme_dark--sidebar: rgb(55, 60, 63);
+  --theme_dark--sidebar_popout: rgb(55, 60, 63);
+  --theme_dark--preview: rgb(47, 52, 55);
+  --theme_dark--preview_shadow: rgba(0, 0, 0, 0.4);
+  --theme_dark--quickfind_shadow: rgba(15, 15, 15, 0.6);
+  --theme_dark--popout: rgb(63, 68, 71);
+  --theme_dark--popout_link_underline: rgba(255, 255, 255, 0.3);
+  --theme_dark--popout_shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px,
+    rgba(15, 15, 15, 0.2) 0px 3px 6px, rgba(15, 15, 15, 0.4) 0px 9px 24px;
+  --theme_dark--shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px inset,
+    rgba(15, 15, 15, 0.1) 0px 1px 2px;
+  --theme_dark--introduction_overlay: rgba(15, 15, 15, 0.2);
+
+  --theme_dark--selected: rgba(46, 170, 220, 0.2);
+  --theme_dark--accent: rgb(46, 170, 220);
+  --theme_dark--accent-text: #fff;
+  --theme_dark--accent_semitransparent: rgba(46, 170, 220, 0.15);
+  --theme_dark--accent_button-hover: rgb(6, 156, 205);
+  --theme_dark--accent_button-active: rgb(0, 141, 190);
+  --theme_dark--accent_date-hover: rgba(45, 156, 219, 0.2);
+  --theme_dark--notion_ui_link-hover: #eb5757;
+  --theme_dark--notion_plan_choose_checkmark_hue-rotate: 0deg;
+
+  --theme_dark--db_card: rgb(63, 68, 71);
+  --theme_dark--db_card-hover: rgb(71, 76, 80);
+  --theme_dark--db_card_preview: rgba(255, 255, 255, 0.05);
+  --theme_dark--db_weekend: rgb(55, 60, 63);
+  --theme_dark--db_today: rgb(235, 87, 87);
+  --theme_dark--db_today-text: #fff;
+  --theme_dark--timeline_divider_thin: rgba(255, 255, 255, 0.07);
+  --theme_dark--timeline_arrow: rgb(47, 52, 55);
+  --theme_dark--timeline_arrow_box: rgba(202, 204, 206, 0.6);
+  --theme_dark--timeline_arrow_box-hover: rgb(202, 204, 206);
+
+  --theme_dark--checkbox: transparent;
+  --theme_dark--checkbox-text: #fff;
+  --theme_dark--checkbox-hover: rgb(71, 76, 80);
+  --theme_dark--checkbox-hover-text: #fff;
+  --theme_dark--checkbox-active: var(--theme_dark--accent);
+  --theme_dark--checkbox-active-text: #fff;
+
+  --theme_dark--toggle_on: var(--theme_dark--accent);
+  --theme_dark--toggle_off: rgba(202, 204, 206, 0.3);
+  --theme_dark--toggle_dot: #fff;
+
+  --theme_dark--input: rgba(15, 15, 15, 0.3);
+  --theme_dark--input-border: rgba(15, 15, 15, 0.2);
+  /* for filter value inputs, other locs. not yet identified */
+  --theme_dark--input_hover-backlight: rgb(71, 76, 80);
+  --theme_dark--input_icon: rgb(202, 204, 206); /* # */
+  --theme_dark--filter: rgb(80, 85, 88);
+  --theme_dark--sub_filter: rgba(255, 255, 255, 0.02);
+  --theme_dark--tag_select: rgb(55, 60, 63);
+  /* three-dot menus for images & bookmarks */
+  --theme_dark--button_semitransparent: rgba(0, 0, 0, 0.6);
+  --theme_dark--button-hover: rgb(71, 76, 80);
+  --theme_dark--button-active: rgb(63, 68, 71);
+  /* change cover | reposition, cell expansions: <-> open, 123, phone/email/url */
+  --theme_dark--expand: rgb(47, 52, 55);
+  --theme_dark--expand_icon: #fff;
+  --theme_dark--expand-text: #fff;
+  --theme_dark--expand-hover: rgb(98, 102, 104);
+  --theme_dark--expand-active: rgb(120, 123, 123);
+  --theme_dark--reminder_future: #2eaadc; /* # */
+  --theme_dark--reminder_past: #eb5757; /* # */
+  --theme_dark--divider: rgba(255, 255, 255, 0.07);
+
+  --theme_dark--embed_block: rgb(63, 68, 71);
+  --theme_dark--equation_block: rgb(55, 60, 63);
+  --theme_dark--equation_editor: rgba(15, 15, 15, 0.3);
+  --theme_dark--equation_inline: rgba(255, 255, 255, 0.2);
+  --theme_dark--equation_inline-text: var(--theme_dark--text);
+  --theme_dark--equation_error-text: rgba(235, 87, 87, 0.8);
+  --theme_dark--equation_error_block: rgba(235, 87, 87, 0.15);
+  --theme_dark--equation_error_inline-text: #eb5757;
+
+  --theme_dark--reposition_cover: rgba(0, 0, 0, 0.4);
+  --theme_dark--reposition_cover-text: #fff;
+  --theme_dark--resizer: rgba(15, 15, 15, 0.6);
+  --theme_dark--resizer-border: rgba(255, 255, 255, 0.9);
+  --theme_dark--tooltip: rgb(202, 204, 206);
+  --theme_dark--tooltip-text: rgb(15, 15, 15);
+  --theme_dark--tooltip-text_grey: rgba(47, 52, 55, 0.6);
+
+  --theme_dark--help: rgb(80, 85, 88);
+  --theme_dark--help-hover: rgb(98, 102, 104);
+
+  --theme_dark--settings_danger_button-text: rgb(235, 87, 87);
+  --theme_dark--settings_danger_button-border: rgba(235, 87, 87, 0.5);
+  --theme_dark--settings_danger_button-hover: rgba(235, 87, 87, 0.1);
+
+  --theme_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--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--font_title-size: 40px;
+  --theme_dark--font_heading1-size: 1.875em;
+  --theme_dark--font_heading2-size: 1.5em;
+  --theme_dark--font_heading3-size: 1.25em;
+  --theme_dark--font_body-size: 16px;
+  --theme_dark--font_quote-size: 1.2em;
+  --theme_dark--font_code-size: 85%;
+  --theme_dark--font_ui-size: 14px;
+  /* sidebar titles, block copy & caption buttons */
+  --theme_dark--font_ui_small-size: 11.5px;
+  --theme_dark--font_popout_title-size: 11px;
+  --theme_dark--font_description-size: 12px;
+  --theme_dark--font_callout_icon-size: 16.8px;
+  --theme_dark--font_help_icon-size: 20px;
+
+  --theme_dark--text_block-line_height: 1.5;
+  --theme_dark--text_block-margin_top: 1px;
+
+  --theme_dark--icon: rgba(202, 204, 206, 0.6);
+  --theme_dark--icon_topbar: rgb(202, 204, 206);
+  --theme_dark--text: rgba(255, 255, 255, 0.9);
+  --theme_dark--text_property: rgba(255, 255, 255, 0.6);
+  --theme_dark--text_placeholder: rgba(255, 255, 255, 0.4);
+  --theme_dark--text_pseudo: rgba(202, 204, 206, 0.4);
+  --theme_dark--text_sidebar: rgba(255, 255, 255, 0.6);
+
+  --theme_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_function: var(--theme_dark--code_plain);
+  --theme_dark--code_parameter: var(--theme_dark--code_plain);
+  --theme_dark--code_keyword: hsl(350, 40%, 70%);
+  --theme_dark--code_constant: hsl(350, 40%, 70%);
+  --theme_dark--code_tag: hsl(350, 40%, 70%);
+  --theme_dark--code_operator: hsl(40, 90%, 60%);
+  --theme_dark--code_important: #e90;
+  --theme_dark--code_regex: #e90;
+  --theme_dark--code_property: hsl(350, 40%, 70%);
+  --theme_dark--code_builtin: hsl(75, 70%, 60%);
+  --theme_dark--code_class-name: var(--theme_dark--code_plain);
+  --theme_dark--code_attr-name: hsl(75, 70%, 60%);
+  --theme_dark--code_attr-value: hsl(350, 40%, 70%);
+  --theme_dark--code_selector: hsl(75, 70%, 60%);
+  --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_comment: hsl(30, 20%, 50%);
+  --theme_dark--code_punctuation: var(--theme_dark--code_plain);
+  --theme_dark--code_annotation: var(--theme_dark--code_punctuation);
+  --theme_dark--code_decorator: var(--theme_dark--code_punctuation);
+  --theme_dark--code_doctype: hsl(30, 20%, 50%);
+  --theme_dark--code_number: hsl(350, 40%, 70%);
+  --theme_dark--code_string: hsl(75, 70%, 60%);
+  --theme_dark--code_boolean: hsl(350, 40%, 70%);
+
+  --theme_dark--text_grey: rgba(151, 154, 155, 0.95);
+  --theme_dark--text_brown: rgb(147, 114, 100);
+  --theme_dark--text_orange: rgb(255, 163, 68);
+  --theme_dark--text_yellow: rgb(255, 220, 73);
+  --theme_dark--text_green: rgb(77, 171, 154);
+  --theme_dark--text_blue: rgb(82, 156, 202);
+  --theme_dark--text_purple: rgb(154, 109, 215);
+  --theme_dark--text_pink: rgb(226, 85, 161);
+  --theme_dark--text_red: rgb(255, 115, 105);
+
+  --theme_dark--highlight-text: var(--theme_dark--text);
+  --theme_dark--highlight_grey: rgb(69, 75, 78);
+  --theme_dark--highlight_grey-text: var(--theme_dark--highlight-text);
+  --theme_dark--highlight_brown: rgb(67, 64, 64);
+  --theme_dark--highlight_brown-text: var(--theme_dark--highlight-text);
+  --theme_dark--highlight_orange: rgb(89, 74, 58);
+  --theme_dark--highlight_orange-text: var(--theme_dark--highlight-text);
+  --theme_dark--highlight_yellow: rgb(89, 86, 59);
+  --theme_dark--highlight_yellow-text: var(--theme_dark--highlight-text);
+  --theme_dark--highlight_green: rgb(53, 76, 75);
+  --theme_dark--highlight_green-text: var(--theme_dark--highlight-text);
+  --theme_dark--highlight_blue: rgb(54, 73, 84);
+  --theme_dark--highlight_blue-text: var(--theme_dark--highlight-text);
+  --theme_dark--highlight_purple: rgb(68, 63, 87);
+  --theme_dark--highlight_purple-text: var(--theme_dark--highlight-text);
+  --theme_dark--highlight_pink: rgb(83, 59, 76);
+  --theme_dark--highlight_pink-text: var(--theme_dark--highlight-text);
+  --theme_dark--highlight_red: rgb(89, 65, 65);
+  --theme_dark--highlight_red-text: var(--theme_dark--highlight-text);
+
+  --theme_dark--block-text: var(--theme_dark--text);
+  --theme_dark--block_grey: rgb(69, 75, 78);
+  --theme_dark--block_grey-text: var(--theme_dark--block-text);
+  --theme_dark--block_brown: rgb(67, 64, 64);
+  --theme_dark--block_brown-text: var(--theme_dark--block-text);
+  --theme_dark--block_orange: rgb(89, 74, 58);
+  --theme_dark--block_orange-text: var(--theme_dark--block-text);
+  --theme_dark--block_yellow: rgb(89, 86, 59);
+  --theme_dark--block_yellow-text: var(--theme_dark--block-text);
+  --theme_dark--block_green: rgb(53, 76, 75);
+  --theme_dark--block_green-text: var(--theme_dark--block-text);
+  --theme_dark--block_blue: rgb(54, 73, 84);
+  --theme_dark--block_blue-text: var(--theme_dark--block-text);
+  --theme_dark--block_purple: rgb(68, 63, 87);
+  --theme_dark--block_purple-text: var(--theme_dark--block-text);
+  --theme_dark--block_pink: rgb(83, 59, 76);
+  --theme_dark--block_pink-text: var(--theme_dark--block-text);
+  --theme_dark--block_red: rgb(89, 65, 65);
+  --theme_dark--block_red-text: var(--theme_dark--block-text);
+
+  --theme_dark--tag-text: var(--theme_dark--text);
+  --theme_dark--tag_default: rgb(80, 85, 88);
+  --theme_dark--tag_default-text: var(--theme_dark--tag-text);
+  --theme_dark--tag_plan: var(--theme_dark--tag_default);
+  --theme_dark--tag_plan-text: rgba(255, 255, 255, 0.6);
+  --theme_dark--tag_new: rgb(235, 87, 87);
+  --theme_dark--tag_new-text: #fff;
+  --theme_dark--tag_grey: rgba(151, 154, 155, 0.5);
+  --theme_dark--tag_grey-text: var(--theme_dark--tag-text);
+  --theme_dark--tag_brown: rgba(147, 114, 100, 0.5);
+  --theme_dark--tag_brown-text: var(--theme_dark--tag-text);
+  --theme_dark--tag_orange: rgba(255, 163, 68, 0.5);
+  --theme_dark--tag_orange-text: var(--theme_dark--tag-text);
+  --theme_dark--tag_yellow: rgba(255, 220, 73, 0.5);
+  --theme_dark--tag_yellow-text: var(--theme_dark--tag-text);
+  --theme_dark--tag_green: rgba(77, 171, 154, 0.5);
+  --theme_dark--tag_green-text: var(--theme_dark--tag-text);
+  --theme_dark--tag_blue: rgba(82, 156, 202, 0.5);
+  --theme_dark--tag_blue-text: var(--theme_dark--tag-text);
+  --theme_dark--tag_purple: rgba(154, 109, 215, 0.5);
+  --theme_dark--tag_purple-text: var(--theme_dark--tag-text);
+  --theme_dark--tag_pink: rgba(226, 85, 161, 0.5);
+  --theme_dark--tag_pink-text: var(--theme_dark--tag-text);
+  --theme_dark--tag_red: rgba(255, 115, 105, 0.5);
+  --theme_dark--tag_red-text: var(--theme_dark--tag-text);
+
+  --theme_dark--callout-text: var(--theme_dark--text);
+  --theme_dark--callout_grey: rgba(69, 75, 78, 0.3);
+  --theme_dark--callout_grey-text: var(--theme_dark--callout-text);
+  --theme_dark--callout_brown: rgba(67, 64, 64, 0.3);
+  --theme_dark--callout_brown-text: var(--theme_dark--callout-text);
+  --theme_dark--callout_orange: rgba(89, 74, 58, 0.3);
+  --theme_dark--callout_orange-text: var(--theme_dark--callout-text);
+  --theme_dark--callout_yellow: rgba(89, 86, 59, 0.3);
+  --theme_dark--callout_yellow-text: var(--theme_dark--callout-text);
+  --theme_dark--callout_green: rgba(53, 76, 75, 0.3);
+  --theme_dark--callout_green-text: var(--theme_dark--callout-text);
+  --theme_dark--callout_blue: rgba(54, 73, 84, 0.3);
+  --theme_dark--callout_blue-text: var(--theme_dark--callout-text);
+  --theme_dark--callout_purple: rgba(68, 63, 87, 0.3);
+  --theme_dark--callout_purple-text: var(--theme_dark--callout-text);
+  --theme_dark--callout_pink: rgba(83, 59, 76, 0.3);
+  --theme_dark--callout_pink-text: var(--theme_dark--callout-text);
+  --theme_dark--callout_red: rgba(89, 65, 65, 0.3);
+  --theme_dark--callout_red-text: var(--theme_dark--callout-text);
+
+  /** light **/
+
+  --theme_light--page-width: 900px;
+  --theme_light--page_full-width: 100%;
+  --theme_light--page-padding: calc(96px + env(safe-area-inset-left));
+  --theme_light--page_banner-height: 30vh;
+  --theme_light--preview-width: 977px;
+  --theme_light--preview-padding: 8rem;
+  --theme_light--preview_banner-height: 20vh;
+
+  --theme_light--dragarea: rgba(55, 53, 47, 0.04);
+  --theme_light--page: #fff;
+  --theme_light--sidebar: rgb(247, 246, 243);
+  --theme_light--sidebar_popout: #fff;
+  --theme_light--preview: #fff;
+  --theme_light--preview_shadow: rgba(0, 0, 0, 0.4);
+  --theme_light--quickfind_shadow: rgba(15, 15, 15, 0.6);
+  --theme_light--popout: #fff;
+  --theme_light--popout_link_underline: rgba(55, 53, 47, 0.25);
+  --theme_light--popout_shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px,
+    rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
+  --theme_light--shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px inset,
+    rgba(15, 15, 15, 0.1) 0px 1px 2px;
+  --theme_light--introduction_overlay: rgba(247, 246, 243, 0.8);
+
+  --theme_light--selected: rgba(46, 170, 220, 0.2);
+  --theme_light--accent: rgb(46, 170, 220);
+  --theme_light--accent-text: #fff;
+  --theme_light--accent_semitransparent: rgba(46, 170, 220, 0.15);
+  --theme_light--accent_button-hover: rgb(6, 156, 205);
+  --theme_light--accent_button-active: rgb(0, 141, 190);
+  --theme_light--accent_date-hover: rgba(45, 156, 219, 0.2);
+  --theme_light--notion_ui_link-hover: #eb5757;
+  --theme_light--notion_plan_choose_checkmark_hue-rotate: 0deg;
+
+  --theme_light--db_card: #fff;
+  --theme_light--db_card-hover: rgba(55, 53, 47, 0.03);
+  --theme_light--db_card_preview: rgba(55, 53, 47, 0.024);
+  --theme_light--db_weekend: rgb(247, 246, 243);
+  --theme_light--db_today: rgb(235, 87, 87);
+  --theme_light--db_today-text: #fff;
+  --theme_light--timeline_divider_thin: rgba(55, 53, 47, 0.09);
+  --theme_light--timeline_arrow: #fff;
+  --theme_light--timeline_arrow_box: rgba(55, 53, 47, 0.4);
+  --theme_light--timeline_arrow_box-hover: rgba(55, 53, 47, 0.8);
+
+  --theme_light--checkbox: transparent;
+  --theme_light--checkbox-text: #000;
+  --theme_light--checkbox-hover: rgba(55, 53, 47, 0.08);
+  --theme_light--checkbox-hover-text: #000;
+  --theme_light--checkbox-active: var(--theme_light--accent);
+  --theme_light--checkbox-active-text: #fff;
+
+  --theme_light--toggle_on: var(--theme_light--accent);
+  --theme_light--toggle_off: rgba(135, 131, 120, 0.3);
+  --theme_light--toggle_dot: #fff;
+
+  --theme_light--input: rgba(242, 241, 238, 0.6);
+  --theme_light--input-border: rgba(15, 15, 15, 0.1);
+  /* for filter value inputs, other locs. not yet identified */
+  --theme_light--input_hover-backlight: rgba(55, 53, 47, 0.08);
+  --theme_light--input_icon: rgba(55, 53, 47, 0.8);
+  --theme_light--filter: #fff;
+  --theme_light--sub_filter: rgba(0, 0, 0, 0.02);
+  --theme_light--tag_select: rgba(242, 241, 238, 0.6);
+  /* three-dot menus for images & bookmarks */
+  --theme_light--button_semitransparent: rgba(0, 0, 0, 0.6);
+  --theme_light--button-hover: rgba(55, 53, 47, 0.08);
+  --theme_light--button-active: rgba(55, 53, 47, 0.16);
+  /* change cover | reposition, cell expansions: <-> open, 123, phone/email/url */
+  --theme_light--expand: #fff;
+  --theme_light--expand_icon: rgba(55, 53, 47, 0.6);
+  --theme_light--expand-text: rgba(55, 53, 47, 0.6);
+  --theme_light--expand-hover: rgb(239, 239, 238);
+  --theme_light--expand-active: rgb(223, 223, 222);
+  --theme_light--reminder_future: #2eaadc;
+  --theme_light--reminder_past: #eb5757;
+  --theme_light--divider: rgba(55, 53, 47, 0.09);
+
+  --theme_light--embed_block: rgb(242, 241, 238);
+  --theme_light--equation_block: rgb(247, 246, 243);
+  --theme_light--equation_editor: rgba(242, 241, 238, 0.6);
+  --theme_light--equation_inline: rgba(46, 170, 220, 0.2);
+  --theme_light--equation_inline-text: var(--theme_light--text);
+  --theme_light--equation_error-text: rgba(235, 87, 87, 0.8);
+  --theme_light--equation_error_block: rgba(235, 87, 87, 0.15);
+  --theme_light--equation_error_inline-text: #eb5757;
+
+  --theme_light--reposition_cover: rgba(0, 0, 0, 0.4);
+  --theme_light--reposition_cover-text: #fff;
+  --theme_light--resizer: rgba(15, 15, 15, 0.6);
+  --theme_light--resizer-border: rgba(255, 255, 255, 0.9);
+  --theme_light--tooltip: rgb(15, 15, 15);
+  --theme_light--tooltip-text: rgba(255, 255, 255, 0.9);
+  --theme_light--tooltip-text_grey: rgba(206, 205, 202, 0.6);
+
+  --theme_light--help: #fff;
+  --theme_light--help-hover: rgb(239, 239, 238);
+
+  --theme_light--settings_danger_button-text: rgb(235, 87, 87);
+  --theme_light--settings_danger_button-border: rgba(235, 87, 87, 0.5);
+  --theme_light--settings_danger_button-hover: rgba(235, 87, 87, 0.1);
+
+  --theme_light--scrollbar_track: #edece9;
+  --theme_light--scrollbar_thumb: #d3d1cb;
+  --theme_light--scrollbar_thumb-hover: #aeaca6;
+
+  --theme_light--font_sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
+    'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
+  --theme_light--font_serif: Lyon-Text, Georgia, YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN',
+    'Hiragino Mincho Pro', 'Songti TC', 'Songti SC', SimSun, 'Nanum Myeongjo', NanumMyeongjo,
+    Batang, serif;
+  --theme_light--font_mono: iawriter-mono, Nitti, Menlo, Courier, monospace;
+  --theme_light--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier,
+    monospace;
+  --theme_light--font_quote: var(--theme_light--font_sans);
+  --theme_light--font_headings: var(--theme_light--font_sans);
+
+  --theme_light--font_title-size: 40px;
+  --theme_light--font_heading1-size: 1.875em;
+  --theme_light--font_heading2-size: 1.5em;
+  --theme_light--font_heading3-size: 1.25em;
+  --theme_light--font_body-size: 16px;
+  --theme_light--font_quote-size: 1.2em;
+  --theme_light--font_code-size: 85%;
+  --theme_light--font_ui-size: 14px;
+  /* sidebar titles, block copy & caption buttons */
+  --theme_light--font_ui_small-size: 11.5px;
+  --theme_light--font_popout_title-size: 11px;
+  --theme_light--font_description-size: 12px;
+  --theme_light--font_callout_icon-size: 16.8px;
+  --theme_light--font_help_icon-size: 20px;
+
+  --theme_light--text_block-line_height: 1.5;
+  --theme_light--text_block-margin_top: 1px;
+
+  --theme_light--icon: rgba(55, 53, 47, 0.4);
+  --theme_light--icon_topbar: rgba(55, 53, 47, 0.8);
+  --theme_light--text: rgb(55, 53, 47);
+  --theme_light--text_property: rgba(55, 53, 47, 0.6);
+  --theme_light--text_placeholder: rgba(55, 53, 47, 0.4);
+  --theme_light--text_pseudo: rgba(55, 53, 47, 0.3);
+  --theme_light--text_sidebar: rgba(25, 23, 17, 0.6);
+
+  --theme_light--code_inline: rgba(135, 131, 120, 0.15);
+  --theme_light--code_inline-text: #eb5757;
+
+  --theme_light--code: rgb(247, 246, 243);
+  --theme_light--code_plain: var(--theme_light--text);
+  --theme_light--code_function: #dd4a68;
+  --theme_light--code_parameter: var(--theme_light--code_plain);
+  --theme_light--code_keyword: #07a;
+  --theme_light--code_constant: #905;
+  --theme_light--code_tag: #905;
+  --theme_light--code_operator: #9a6e3a;
+  --theme_light--code_important: #e90;
+  --theme_light--code_regex: #e90;
+  --theme_light--code_property: #905;
+  --theme_light--code_builtin: #690;
+  --theme_light--code_class-name: #dd4a68;
+  --theme_light--code_attr-name: #690;
+  --theme_light--code_attr-value: #07a;
+  --theme_light--code_selector: #690;
+  --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_comment: #708090;
+  --theme_light--code_punctuation: #999;
+  --theme_light--code_annotation: var(--theme_light--code_punctuation);
+  --theme_light--code_decorator: var(--theme_light--code_punctuation);
+  --theme_light--code_doctype: #708090;
+  --theme_light--code_number: #905;
+  --theme_light--code_string: #690;
+  --theme_light--code_boolean: #905;
+
+  --theme_light--text_grey: rgb(155, 154, 151);
+  --theme_light--text_brown: rgb(100, 71, 58);
+  --theme_light--text_orange: rgb(217, 115, 13);
+  --theme_light--text_yellow: rgb(223, 171, 1);
+  --theme_light--text_green: rgb(15, 123, 108);
+  --theme_light--text_blue: rgb(11, 110, 153);
+  --theme_light--text_purple: rgb(105, 64, 165);
+  --theme_light--text_pink: rgb(173, 26, 114);
+  --theme_light--text_red: rgb(224, 62, 62);
+
+  --theme_light--highlight-text: var(--theme_light--text);
+  --theme_light--highlight_grey: rgb(235, 236, 237);
+  --theme_light--highlight_grey-text: var(--theme_light--highlight-text);
+  --theme_light--highlight_brown: rgb(233, 229, 227);
+  --theme_light--highlight_brown-text: var(--theme_light--highlight-text);
+  --theme_light--highlight_orange: rgb(250, 235, 221);
+  --theme_light--highlight_orange-text: var(--theme_light--highlight-text);
+  --theme_light--highlight_yellow: rgb(251, 243, 219);
+  --theme_light--highlight_yellow-text: var(--theme_light--highlight-text);
+  --theme_light--highlight_green: rgb(221, 237, 234);
+  --theme_light--highlight_green-text: var(--theme_light--highlight-text);
+  --theme_light--highlight_blue: rgb(221, 235, 241);
+  --theme_light--highlight_blue-text: var(--theme_light--highlight-text);
+  --theme_light--highlight_purple: rgb(234, 228, 242);
+  --theme_light--highlight_purple-text: var(--theme_light--highlight-text);
+  --theme_light--highlight_pink: rgb(244, 223, 235);
+  --theme_light--highlight_pink-text: var(--theme_light--highlight-text);
+  --theme_light--highlight_red: rgb(251, 228, 228);
+  --theme_light--highlight_red-text: var(--theme_light--highlight-text);
+
+  --theme_light--block-text: var(--theme_light--text);
+  --theme_light--block_grey: rgb(235, 236, 237);
+  --theme_light--block_grey-text: var(--theme_light--block-text);
+  --theme_light--block_brown: rgb(233, 229, 227);
+  --theme_light--block_brown-text: var(--theme_light--block-text);
+  --theme_light--block_orange: rgb(250, 235, 221);
+  --theme_light--block_orange-text: var(--theme_light--block-text);
+  --theme_light--block_yellow: rgb(251, 243, 219);
+  --theme_light--block_yellow-text: var(--theme_light--block-text);
+  --theme_light--block_green: rgb(221, 237, 234);
+  --theme_light--block_green-text: var(--theme_light--block-text);
+  --theme_light--block_blue: rgb(221, 235, 241);
+  --theme_light--block_blue-text: var(--theme_light--block-text);
+  --theme_light--block_purple: rgb(234, 228, 242);
+  --theme_light--block_purple-text: var(--theme_light--block-text);
+  --theme_light--block_pink: rgb(244, 223, 235);
+  --theme_light--block_pink-text: var(--theme_light--block-text);
+  --theme_light--block_red: rgb(251, 228, 228);
+  --theme_light--block_red-text: var(--theme_light--block-text);
+
+  --theme_light--tag-text: var(--theme_light--text);
+  --theme_light--tag_default: rgba(206, 205, 202, 0.5);
+  --theme_light--tag_default-text: var(--theme_light--tag-text);
+  --theme_light--tag_plan: var(--theme_light--tag_default);
+  --theme_light--tag_plan-text: rgba(55, 53, 47, 0.6);
+  --theme_light--tag_new: rgb(235, 87, 87);
+  --theme_light--tag_new-text: #fff;
+  --theme_light--tag_grey: rgba(140, 46, 0, 0.2);
+  --theme_light--tag_grey-text: var(--theme_light--tag-text);
+  --theme_light--tag_brown: rgba(140, 46, 0, 0.2);
+  --theme_light--tag_brown-text: var(--theme_light--tag-text);
+  --theme_light--tag_orange: rgba(245, 93, 0, 0.2);
+  --theme_light--tag_orange-text: var(--theme_light--tag-text);
+  --theme_light--tag_yellow: rgba(233, 168, 0, 0.2);
+  --theme_light--tag_yellow-text: var(--theme_light--tag-text);
+  --theme_light--tag_green: rgba(0, 135, 107, 0.2);
+  --theme_light--tag_green-text: var(--theme_light--tag-text);
+  --theme_light--tag_blue: rgba(0, 120, 223, 0.2);
+  --theme_light--tag_blue-text: var(--theme_light--tag-text);
+  --theme_light--tag_purple: rgba(103, 36, 222, 0.2);
+  --theme_light--tag_purple-text: var(--theme_light--tag-text);
+  --theme_light--tag_pink: rgba(221, 0, 129, 0.2);
+  --theme_light--tag_pink-text: var(--theme_light--tag-text);
+  --theme_light--tag_red: rgba(255, 0, 26, 0.2);
+  --theme_light--tag_red-text: var(--theme_light--tag-text);
+
+  --theme_light--callout-text: var(--theme_light--text);
+  --theme_light--callout_grey: rgba(235, 236, 237, 0.3);
+  --theme_light--callout_grey-text: var(--theme_light--callout-text);
+  --theme_light--callout_brown: rgba(233, 229, 227, 0.3);
+  --theme_light--callout_brown-text: var(--theme_light--callout-text);
+  --theme_light--callout_orange: rgba(250, 235, 221, 0.3);
+  --theme_light--callout_orange-text: var(--theme_light--callout-text);
+  --theme_light--callout_yellow: rgba(251, 243, 219, 0.3);
+  --theme_light--callout_yellow-text: var(--theme_light--callout-text);
+  --theme_light--callout_green: rgba(221, 237, 234, 0.3);
+  --theme_light--callout_green-text: var(--theme_light--callout-text);
+  --theme_light--callout_blue: rgba(221, 235, 241, 0.3);
+  --theme_light--callout_blue-text: var(--theme_light--callout-text);
+  --theme_light--callout_purple: rgba(234, 228, 242, 0.3);
+  --theme_light--callout_purple-text: var(--theme_light--callout-text);
+  --theme_light--callout_pink: rgba(244, 223, 235, 0.3);
+  --theme_light--callout_pink-text: var(--theme_light--callout-text);
+  --theme_light--callout_red: rgba(251, 228, 228, 0.3);
+  --theme_light--callout_red-text: var(--theme_light--callout-text);
+}
+
+.notion-dark-theme {
+  --theme--page-width: var(--theme_dark--page-width);
+  --theme--page_full-width: var(--theme_dark--page_full-width);
+  --theme--page-padding: var(--theme_dark--page-padding);
+  --theme--page_banner-height: var(--theme_dark--page_banner-height);
+  --theme--preview-width: var(--theme_dark--preview-width);
+  --theme--preview-padding: var(--theme_dark--preview-padding);
+  --theme--preview_banner-height: var(--theme_dark--preview_banner-height);
+
+  --theme--dragarea: var(--theme_dark--dragarea);
+  --theme--page: var(--theme_dark--page);
+  --theme--sidebar: var(--theme_dark--sidebar);
+  --theme--sidebar_popout: var(--theme_dark--sidebar_popout);
+  --theme--preview: var(--theme_dark--preview);
+  --theme--preview_shadow: var(--theme_dark--preview_shadow);
+  --theme--quickfind_shadow: var(--theme_dark--quickfind_shadow);
+  --theme--popout: var(--theme_dark--popout);
+  --theme--popout_link_underline: var(--theme_dark--popout_link_underline);
+  --theme--popout_shadow: var(--theme_dark--popout_shadow);
+  --theme--shadow: var(--theme_dark--shadow);
+  --theme--introduction_overlay: var(--theme_dark--introduction_overlay);
+
+  --theme--selected: var(--theme_dark--selected);
+  --theme--accent: var(--theme_dark--accent);
+  --theme--accent-text: var(--theme_dark--accent-text);
+  --theme--accent_semitransparent: var(--theme_dark--accent_semitransparent);
+  --theme--accent_button-hover: var(--theme_dark--accent_button-hover);
+  --theme--accent_button-active: var(--theme_dark--accent_button-active);
+  --theme--accent_date-hover: var(--theme_dark--accent_date-hover);
+  --theme--notion_ui_link-hover: var(--theme_dark--notion_ui_link-hover);
+  --theme--notion_plan_choose_checkmark_hue-rotate: var(
+    --theme_dark--notion_plan_choose_checkmark_hue-rotate
+  );
+
+  --theme--db_card: var(--theme_dark--db_card);
+  --theme--db_card-hover: var(--theme_dark--db_card-hover);
+  --theme--db_card_preview: var(--theme_dark--db_card_preview);
+  --theme--db_weekend: var(--theme_dark--db_weekend);
+  --theme--db_today: var(--theme_dark--db_today);
+  --theme--db_today-text: var(--theme_dark--db_today-text);
+  --theme--timeline_divider_thin: var(--theme_dark--timeline_divider_thin);
+  --theme--timeline_arrow: var(--theme_dark--timeline_arrow);
+  --theme--timeline_arrow_box: var(--theme_dark--timeline_arrow_box);
+  --theme--timeline_arrow_box-hover: var(--theme_dark--timeline_arrow_box-hover);
+
+  --theme--checkbox: var(--theme_dark--checkbox);
+  --theme--checkbox-text: var(--theme_dark--checkbox-text);
+  --theme--checkbox-hover: var(--theme_dark--checkbox-hover);
+  --theme--checkbox-hover-text: var(--theme_dark--checkbox-hover-text);
+  --theme--checkbox-active: var(--theme_dark--checkbox-active);
+  --theme--checkbox-active-text: var(--theme_dark--checkbox-active-text);
+
+  --theme--toggle_on: var(--theme_dark--toggle_on);
+  --theme--toggle_off: var(--theme_dark--toggle_off);
+  --theme--toggle_dot: var(--theme_dark--toggle_dot);
+
+  --theme--input: var(--theme_dark--input);
+  --theme--input-border: var(--theme_dark--input-border);
+  --theme--input_hover-backlight: var(--theme_dark--input_hover-backlight);
+  --theme--input_icon: var(--theme_dark--input_icon);
+  --theme--filter: var(--theme_dark--filter);
+  --theme--sub_filter: var(--theme_dark--sub_filter);
+  --theme--tag_select: var(--theme_dark--tag_select);
+  --theme--button_semitransparent: var(--theme_dark--button_semitransparent);
+  --theme--button-hover: var(--theme_dark--button-hover);
+  --theme--button-active: var(--theme_dark--button-active);
+  --theme--expand: var(--theme_dark--expand);
+  --theme--expand_icon: var(--theme_dark--expand_icon);
+  --theme--expand-text: var(--theme_dark--expand-text);
+  --theme--expand-hover: var(--theme_dark--expand-hover);
+  --theme--expand-active: var(--theme_dark--expand-active);
+  --theme--reminder_future: var(--theme_dark--reminder_future);
+  --theme--reminder_past: var(--theme_dark--reminder_past);
+  --theme--divider: var(--theme_dark--divider);
+
+  --theme--embed_block: var(--theme_dark--embed_block);
+  --theme--equation_block: var(--theme_dark--equation_block);
+  --theme--equation_editor: var(--theme_dark--equation_editor);
+  --theme--equation_inline: var(--theme_dark--equation_inline);
+  --theme--equation_inline-text: var(--theme_dark--equation_inline-text);
+  --theme--equation_error-text: var(--theme_dark--equation_error-text);
+  --theme--equation_error_block: var(--theme_dark--equation_error_block);
+  --theme--equation_error_inline-text: var(--theme_dark--equation_error_inline-text);
+
+  --theme--reposition_cover: var(--theme_dark--reposition_cover);
+  --theme--reposition_cover-text: var(--theme_dark--reposition_cover-text);
+  --theme--resizer: var(--theme_dark--resizer);
+  --theme--resizer-border: var(--theme_dark--resizer-border);
+  --theme--tooltip: var(--theme_dark--tooltip);
+  --theme--tooltip-text: var(--theme_dark--tooltip-text);
+  --theme--tooltip-text_grey: var(--theme_dark--tooltip-text_grey);
+
+  --theme--help: var(--theme_dark--help);
+  --theme--help-hover: var(--theme_dark--help-hover);
+
+  --theme--settings_danger_button-text: var(--theme_dark--settings_danger_button-text);
+  --theme--settings_danger_button-border: var(--theme_dark--settings_danger_button-border);
+  --theme--settings_danger_button-hover: var(--theme_dark--settings_danger_button-hover);
+
+  --theme--scrollbar_track: var(--theme_dark--scrollbar_track);
+  --theme--scrollbar_thumb: var(--theme_dark--scrollbar_thumb);
+  --theme--scrollbar_thumb-hover: var(--theme_dark--scrollbar_thumb-hover);
+
+  --theme--font_sans: var(--theme_dark--font_sans);
+  --theme--font_serif: var(--theme_dark--font_serif);
+  --theme--font_mono: var(--theme_dark--font_mono);
+  --theme--font_code: var(--theme_dark--font_code);
+  --theme--font_quote: var(--theme_dark--font_quote);
+  --theme--font_headings: var(--theme_dark--font_headings);
+
+  --theme--font_title-size: var(--theme_dark--font_title-size);
+  --theme--font_heading1-size: var(--theme_dark--font_heading1-size);
+  --theme--font_heading2-size: var(--theme_dark--font_heading2-size);
+  --theme--font_heading3-size: var(--theme_dark--font_heading3-size);
+  --theme--font_body-size: var(--theme_dark--font_body-size);
+  --theme--font_quote-size: var(--theme_dark--font_quote-size);
+  --theme--font_code-size: var(--theme_dark--font_code-size);
+  --theme--font_ui-size: var(--theme_dark--font_ui-size);
+  --theme--font_ui_small-size: var(--theme_dark--font_ui_small-size);
+  --theme--font_popout_title-size: var(--theme_dark--font_popout_title-size);
+  --theme--font_description-size: var(--theme_dark--font_description-size);
+  --theme--font_callout_icon-size: var(--theme_dark--font_callout_icon-size);
+  --theme--font_help_icon-size: var(--theme_dark--font_help_icon-size);
+
+  --theme--text_block-line_height: var(--theme_dark--text_block-line_height);
+  --theme--text_block-margin_top: var(--theme_dark--text_block-margin_top);
+
+  --theme--icon: var(--theme_dark--icon);
+  --theme--icon_topbar: var(--theme_dark--icon_topbar);
+  --theme--text: var(--theme_dark--text);
+  --theme--text_property: var(--theme_dark--text_property);
+  --theme--text_placeholder: var(--theme_dark--text_placeholder);
+  --theme--text_pseudo: var(--theme_dark--text_pseudo);
+  --theme--text_sidebar: var(--theme_dark--text_sidebar);
+
+  --theme--code_inline: var(--theme_dark--code_inline);
+  --theme--code_inline-text: var(--theme_dark--code_inline-text);
+
+  --theme--code: var(--theme_dark--code);
+  --theme--code_plain: var(--theme_dark--code_plain);
+  --theme--code_function: var(--theme_dark--code_function);
+  --theme--code_parameter: var(--theme_dark--code_parameter);
+  --theme--code_keyword: var(--theme_dark--code_keyword);
+  --theme--code_constant: var(--theme_dark--code_constant);
+  --theme--code_tag: var(--theme_dark--code_tag);
+  --theme--code_operator: var(--theme_dark--code_operator);
+  --theme--code_important: var(--theme_dark--code_important);
+  --theme--code_regex: var(--theme_dark--code_regex);
+  --theme--code_property: var(--theme_dark--code_property);
+  --theme--code_builtin: var(--theme_dark--code_builtin);
+  --theme--code_class-name: var(--theme_dark--code_class-name);
+  --theme--code_attr-name: var(--theme_dark--code_attr-name);
+  --theme--code_attr-value: var(--theme_dark--code_attr-value);
+  --theme--code_selector: var(--theme_dark--code_selector);
+  --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_comment: var(--theme_dark--code_comment);
+  --theme--code_punctuation: var(--theme_dark--code_punctuation);
+  --theme--code_annotation: var(--theme_dark--code_annotation);
+  --theme--code_decorator: var(--theme_dark--code_decorator);
+  --theme--code_doctype: var(--theme_dark--code_doctype);
+  --theme--code_number: var(--theme_dark--code_number);
+  --theme--code_string: var(--theme_dark--code_string);
+  --theme--code_boolean: var(--theme_dark--code_boolean);
+
+  --theme--text_grey: var(--theme_dark--text_grey);
+  --theme--text_brown: var(--theme_dark--text_brown);
+  --theme--text_orange: var(--theme_dark--text_orange);
+  --theme--text_yellow: var(--theme_dark--text_yellow);
+  --theme--text_green: var(--theme_dark--text_green);
+  --theme--text_blue: var(--theme_dark--text_blue);
+  --theme--text_purple: var(--theme_dark--text_purple);
+  --theme--text_pink: var(--theme_dark--text_pink);
+  --theme--text_red: var(--theme_dark--text_red);
+
+  --theme--highlight-text: var(--theme_dark--highlight-text);
+  --theme--highlight_grey: var(--theme_dark--highlight_grey);
+  --theme--highlight_grey-text: var(--theme_dark--highlight_grey-text);
+  --theme--highlight_brown: var(--theme_dark--highlight_brown);
+  --theme--highlight_brown-text: var(--theme_dark--highlight_brown-text);
+  --theme--highlight_orange: var(--theme_dark--highlight_orange);
+  --theme--highlight_orange-text: var(--theme_dark--highlight_orange-text);
+  --theme--highlight_yellow: var(--theme_dark--highlight_yellow);
+  --theme--highlight_yellow-text: var(--theme_dark--highlight_yellow-text);
+  --theme--highlight_green: var(--theme_dark--highlight_green);
+  --theme--highlight_green-text: var(--theme_dark--highlight_green-text);
+  --theme--highlight_blue: var(--theme_dark--highlight_blue);
+  --theme--highlight_blue-text: var(--theme_dark--highlight_blue-text);
+  --theme--highlight_purple: var(--theme_dark--highlight_purple);
+  --theme--highlight_purple-text: var(--theme_dark--highlight_purple-text);
+  --theme--highlight_pink: var(--theme_dark--highlight_pink);
+  --theme--highlight_pink-text: var(--theme_dark--highlight_pink-text);
+  --theme--highlight_red: var(--theme_dark--highlight_red);
+  --theme--highlight_red-text: var(--theme_dark--highlight_red-text);
+
+  --theme--block-text: var(--theme_dark--block-text);
+  --theme--block_grey: var(--theme_dark--block_grey);
+  --theme--block_grey-text: var(--theme_dark--block_grey-text);
+  --theme--block_brown: var(--theme_dark--block_brown);
+  --theme--block_brown-text: var(--theme_dark--block_brown-text);
+  --theme--block_orange: var(--theme_dark--block_orange);
+  --theme--block_orange-text: var(--theme_dark--block_orange-text);
+  --theme--block_yellow: var(--theme_dark--block_yellow);
+  --theme--block_yellow-text: var(--theme_dark--block_yellow-text);
+  --theme--block_green: var(--theme_dark--block_green);
+  --theme--block_green-text: var(--theme_dark--block_green-text);
+  --theme--block_blue: var(--theme_dark--block_blue);
+  --theme--block_blue-text: var(--theme_dark--block_blue-text);
+  --theme--block_purple: var(--theme_dark--block_purple);
+  --theme--block_purple-text: var(--theme_dark--block_purple-text);
+  --theme--block_pink: var(--theme_dark--block_pink);
+  --theme--block_pink-text: var(--theme_dark--block_pink-text);
+  --theme--block_red: var(--theme_dark--block_red);
+  --theme--block_red-text: var(--theme_dark--block_red-text);
+
+  --theme--tag-text: var(--theme_dark--tag-text);
+  --theme--tag_default: var(--theme_dark--tag_default);
+  --theme--tag_default-text: var(--theme_dark--tag_default-text);
+  --theme--tag_plan: var(--theme_dark--tag_plan);
+  --theme--tag_plan-text: var(--theme_dark--tag_plan-text);
+  --theme--tag_new: var(--theme_dark--tag_new);
+  --theme--tag_new-text: var(--theme_dark--tag_new-text);
+  --theme--tag_grey: var(--theme_dark--tag_grey);
+  --theme--tag_grey-text: var(--theme_dark--tag_grey-text);
+  --theme--tag_brown: var(--theme_dark--tag_brown);
+  --theme--tag_brown-text: var(--theme_dark--tag_brown-text);
+  --theme--tag_orange: var(--theme_dark--tag_orange);
+  --theme--tag_orange-text: var(--theme_dark--tag_orange-text);
+  --theme--tag_yellow: var(--theme_dark--tag_yellow);
+  --theme--tag_yellow-text: var(--theme_dark--tag_yellow-text);
+  --theme--tag_green: var(--theme_dark--tag_green);
+  --theme--tag_green-text: var(--theme_dark--tag_green-text);
+  --theme--tag_blue: var(--theme_dark--tag_blue);
+  --theme--tag_blue-text: var(--theme_dark--tag_blue-text);
+  --theme--tag_purple: var(--theme_dark--tag_purple);
+  --theme--tag_purple-text: var(--theme_dark--tag_purple-text);
+  --theme--tag_pink: var(--theme_dark--tag_pink);
+  --theme--tag_pink-text: var(--theme_dark--tag_pink-text);
+  --theme--tag_red: var(--theme_dark--tag_red);
+  --theme--tag_red-text: var(--theme_dark--tag_red-text);
+
+  --theme--callout-text: var(--theme_dark--callout-text);
+  --theme--callout_grey: var(--theme_dark--callout_grey);
+  --theme--callout_grey-text: var(--theme_dark--callout_grey-text);
+  --theme--callout_brown: var(--theme_dark--callout_brown);
+  --theme--callout_brown-text: var(--theme_dark--callout_brown-text);
+  --theme--callout_orange: var(--theme_dark--callout_orange);
+  --theme--callout_orange-text: var(--theme_dark--callout_orange-text);
+  --theme--callout_yellow: var(--theme_dark--callout_yellow);
+  --theme--callout_yellow-text: var(--theme_dark--callout_yellow-text);
+  --theme--callout_green: var(--theme_dark--callout_green);
+  --theme--callout_green-text: var(--theme_dark--callout_green-text);
+  --theme--callout_blue: var(--theme_dark--callout_blue);
+  --theme--callout_blue-text: var(--theme_dark--callout_blue-text);
+  --theme--callout_purple: var(--theme_dark--callout_purple);
+  --theme--callout_purple-text: var(--theme_dark--callout_purple-text);
+  --theme--callout_pink: var(--theme_dark--callout_pink);
+  --theme--callout_pink-text: var(--theme_dark--callout_pink-text);
+  --theme--callout_red: var(--theme_dark--callout_red);
+  --theme--callout_red-text: var(--theme_dark--callout_red-text);
+}
+
+.notion-light-theme {
+  --theme--page-width: var(--theme_light--page-width);
+  --theme--page_full-width: var(--theme_light--page_full-width);
+  --theme--page-padding: var(--theme_light--page-padding);
+  --theme--page_banner-height: var(--theme_light--page_banner-height);
+  --theme--preview-width: var(--theme_light--preview-width);
+  --theme--preview-padding: var(--theme_light--preview-padding);
+  --theme--preview_banner-height: var(--theme_light--preview_banner-height);
+
+  --theme--dragarea: var(--theme_light--dragarea);
+  --theme--page: var(--theme_light--page);
+  --theme--sidebar: var(--theme_light--sidebar);
+  --theme--sidebar_popout: var(--theme_light--sidebar_popout);
+  --theme--preview: var(--theme_light--preview);
+  --theme--preview_shadow: var(--theme_light--preview_shadow);
+  --theme--quickfind_shadow: var(--theme_light--quickfind_shadow);
+  --theme--popout: var(--theme_light--popout);
+  --theme--popout_link_underline: var(--theme_light--popout_link_underline);
+  --theme--popout_shadow: var(--theme_light--popout_shadow);
+  --theme--shadow: var(--theme_light--shadow);
+  --theme--introduction_overlay: var(--theme_light--introduction_overlay);
+
+  --theme--selected: var(--theme_light--selected);
+  --theme--accent: var(--theme_light--accent);
+  --theme--accent-text: var(--theme_light--accent-text);
+  --theme--accent_semitransparent: var(--theme_light--accent_semitransparent);
+  --theme--accent_button-hover: var(--theme_light--accent_button-hover);
+  --theme--accent_button-active: var(--theme_light--accent_button-active);
+  --theme--accent_date-hover: var(--theme_light--accent_date-hover);
+  --theme--notion_ui_link-hover: var(--theme_light--notion_ui_link-hover);
+  --theme--notion_plan_choose_checkmark_hue-rotate: var(
+    --theme_light--notion_plan_choose_checkmark_hue-rotate
+  );
+
+  --theme--db_card: var(--theme_light--db_card);
+  --theme--db_card-hover: var(--theme_light--db_card-hover);
+  --theme--db_card_preview: var(--theme_light--db_card_preview);
+  --theme--db_weekend: var(--theme_light--db_weekend);
+  --theme--db_today: var(--theme_light--db_today);
+  --theme--db_today-text: var(--theme_light--db_today-text);
+  --theme--timeline_divider_thin: var(--theme_light--timeline_divider_thin);
+  --theme--timeline_arrow: var(--theme_light--timeline_arrow);
+  --theme--timeline_arrow_box: var(--theme_light--timeline_arrow_box);
+  --theme--timeline_arrow_box-hover: var(--theme_light--timeline_arrow_box-hover);
+
+  --theme--checkbox: var(--theme_light--checkbox);
+  --theme--checkbox-text: var(--theme_light--checkbox-text);
+  --theme--checkbox-hover: var(--theme_light--checkbox-hover);
+  --theme--checkbox-hover-text: var(--theme_light--checkbox-hover-text);
+  --theme--checkbox-active: var(--theme_light--checkbox-active);
+  --theme--checkbox-active-text: var(--theme_light--checkbox-active-text);
+
+  --theme--toggle_on: var(--theme_light--toggle_on);
+  --theme--toggle_off: var(--theme_light--toggle_off);
+  --theme--toggle_dot: var(--theme_light--toggle_dot);
+
+  --theme--input: var(--theme_light--input);
+  --theme--input-border: var(--theme_light--input-border);
+  --theme--input_hover-backlight: var(--theme_light--input_hover-backlight);
+  --theme--input_icon: var(--theme_light--input_icon);
+  --theme--filter: var(--theme_light--filter);
+  --theme--sub_filter: var(--theme_light--sub_filter);
+  --theme--tag_select: var(--theme_light--tag_select);
+  --theme--button_semitransparent: var(--theme_light--button_semitransparent);
+  --theme--button-hover: var(--theme_light--button-hover);
+  --theme--button-active: var(--theme_light--button-active);
+  --theme--expand: var(--theme_light--expand);
+  --theme--expand_icon: var(--theme_light--expand_icon);
+  --theme--expand-text: var(--theme_light--expand-text);
+  --theme--expand-hover: var(--theme_light--expand-hover);
+  --theme--expand-active: var(--theme_light--expand-active);
+  --theme--reminder_future: var(--theme_light--reminder_future);
+  --theme--reminder_past: var(--theme_light--reminder_past);
+  --theme--divider: var(--theme_light--divider);
+
+  --theme--embed_block: var(--theme_light--embed_block);
+  --theme--equation_block: var(--theme_light--equation_block);
+  --theme--equation_editor: var(--theme_light--equation_editor);
+  --theme--equation_inline: var(--theme_light--equation_inline);
+  --theme--equation_inline-text: var(--theme_light--equation_inline-text);
+  --theme--equation_error-text: var(--theme_light--equation_error-text);
+  --theme--equation_error_block: var(--theme_light--equation_error_block);
+  --theme--equation_error_inline-text: var(--theme_light--equation_error_inline-text);
+
+  --theme--reposition_cover: var(--theme_light--reposition_cover);
+  --theme--reposition_cover-text: var(--theme_light--reposition_cover-text);
+  --theme--resizer: var(--theme_light--resizer);
+  --theme--resizer-border: var(--theme_light--resizer-border);
+  --theme--tooltip: var(--theme_light--tooltip);
+  --theme--tooltip-text: var(--theme_light--tooltip-text);
+  --theme--tooltip-text_grey: var(--theme_light--tooltip-text_grey);
+
+  --theme--help: var(--theme_light--help);
+  --theme--help-hover: var(--theme_light--help-hover);
+
+  --theme--settings_danger_button-text: var(--theme_light--settings_danger_button-text);
+  --theme--settings_danger_button-border: var(--theme_light--settings_danger_button-border);
+  --theme--settings_danger_button-hover: var(--theme_light--settings_danger_button-hover);
+
+  --theme--scrollbar_track: var(--theme_light--scrollbar_track);
+  --theme--scrollbar_thumb: var(--theme_light--scrollbar_thumb);
+  --theme--scrollbar_thumb-hover: var(--theme_light--scrollbar_thumb-hover);
+
+  --theme--font_sans: var(--theme_light--font_sans);
+  --theme--font_serif: var(--theme_light--font_serif);
+  --theme--font_mono: var(--theme_light--font_mono);
+  --theme--font_code: var(--theme_light--font_code);
+  --theme--font_quote: var(--theme_light--font_quote);
+  --theme--font_headings: var(--theme_light--font_headings);
+
+  --theme--font_title-size: var(--theme_light--font_title-size);
+  --theme--font_heading1-size: var(--theme_light--font_heading1-size);
+  --theme--font_heading2-size: var(--theme_light--font_heading2-size);
+  --theme--font_heading3-size: var(--theme_light--font_heading3-size);
+  --theme--font_body-size: var(--theme_light--font_body-size);
+  --theme--font_quote-size: var(--theme_light--font_quote-size);
+  --theme--font_code-size: var(--theme_light--font_code-size);
+  --theme--font_ui-size: var(--theme_light--font_ui-size);
+  --theme--font_ui_small-size: var(--theme_light--font_ui_small-size);
+  --theme--font_popout_title-size: var(--theme_light--font_popout_title-size);
+  --theme--font_description-size: var(--theme_light--font_description-size);
+  --theme--font_callout_icon-size: var(--theme_light--font_callout_icon-size);
+  --theme--font_help_icon-size: var(--theme_light--font_help_icon-size);
+
+  --theme--text_block-line_height: var(--theme_light--text_block-line_height);
+  --theme--text_block-margin_top: var(--theme_light--text_block-margin_top);
+
+  --theme--icon: var(--theme_light--icon);
+  --theme--icon_topbar: var(--theme_light--icon_topbar);
+  --theme--text: var(--theme_light--text);
+  --theme--text_property: var(--theme_light--text_property);
+  --theme--text_placeholder: var(--theme_light--text_placeholder);
+  --theme--text_pseudo: var(--theme_light--text_pseudo);
+  --theme--text_sidebar: var(--theme_light--text_sidebar);
+
+  --theme--code_inline: var(--theme_light--code_inline);
+  --theme--code_inline-text: var(--theme_light--code_inline-text);
+
+  --theme--code: var(--theme_light--code);
+  --theme--code_plain: var(--theme_light--code_plain);
+  --theme--code_function: var(--theme_light--code_function);
+  --theme--code_parameter: var(--theme_light--code_parameter);
+  --theme--code_keyword: var(--theme_light--code_keyword);
+  --theme--code_constant: var(--theme_light--code_constant);
+  --theme--code_tag: var(--theme_light--code_tag);
+  --theme--code_operator: var(--theme_light--code_operator);
+  --theme--code_important: var(--theme_light--code_important);
+  --theme--code_regex: var(--theme_light--code_regex);
+  --theme--code_property: var(--theme_light--code_property);
+  --theme--code_builtin: var(--theme_light--code_builtin);
+  --theme--code_class-name: var(--theme_light--code_class-name);
+  --theme--code_attr-name: var(--theme_light--code_attr-name);
+  --theme--code_attr-value: var(--theme_light--code_attr-value);
+  --theme--code_selector: var(--theme_light--code_selector);
+  --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_comment: var(--theme_light--code_comment);
+  --theme--code_punctuation: var(--theme_light--code_punctuation);
+  --theme--code_annotation: var(--theme_light--code_annotation);
+  --theme--code_decorator: var(--theme_light--code_decorator);
+  --theme--code_doctype: var(--theme_light--code_doctype);
+  --theme--code_number: var(--theme_light--code_number);
+  --theme--code_string: var(--theme_light--code_string);
+  --theme--code_boolean: var(--theme_light--code_boolean);
+
+  --theme--text_grey: var(--theme_light--text_grey);
+  --theme--text_brown: var(--theme_light--text_brown);
+  --theme--text_orange: var(--theme_light--text_orange);
+  --theme--text_yellow: var(--theme_light--text_yellow);
+  --theme--text_green: var(--theme_light--text_green);
+  --theme--text_blue: var(--theme_light--text_blue);
+  --theme--text_purple: var(--theme_light--text_purple);
+  --theme--text_pink: var(--theme_light--text_pink);
+  --theme--text_red: var(--theme_light--text_red);
+
+  --theme--highlight-text: var(--theme_light--highlight-text);
+  --theme--highlight_grey: var(--theme_light--highlight_grey);
+  --theme--highlight_grey-text: var(--theme_light--highlight_grey-text);
+  --theme--highlight_brown: var(--theme_light--highlight_brown);
+  --theme--highlight_brown-text: var(--theme_light--highlight_brown-text);
+  --theme--highlight_orange: var(--theme_light--highlight_orange);
+  --theme--highlight_orange-text: var(--theme_light--highlight_orange-text);
+  --theme--highlight_yellow: var(--theme_light--highlight_yellow);
+  --theme--highlight_yellow-text: var(--theme_light--highlight_yellow-text);
+  --theme--highlight_green: var(--theme_light--highlight_green);
+  --theme--highlight_green-text: var(--theme_light--highlight_green-text);
+  --theme--highlight_blue: var(--theme_light--highlight_blue);
+  --theme--highlight_blue-text: var(--theme_light--highlight_blue-text);
+  --theme--highlight_purple: var(--theme_light--highlight_purple);
+  --theme--highlight_purple-text: var(--theme_light--highlight_purple-text);
+  --theme--highlight_pink: var(--theme_light--highlight_pink);
+  --theme--highlight_pink-text: var(--theme_light--highlight_pink-text);
+  --theme--highlight_red: var(--theme_light--highlight_red);
+  --theme--highlight_red-text: var(--theme_light--highlight_red-text);
+
+  --theme--block-text: var(--theme_light--block-text);
+  --theme--block_grey: var(--theme_light--block_grey);
+  --theme--block_grey-text: var(--theme_light--block_grey-text);
+  --theme--block_brown: var(--theme_light--block_brown);
+  --theme--block_brown-text: var(--theme_light--block_brown-text);
+  --theme--block_orange: var(--theme_light--block_orange);
+  --theme--block_orange-text: var(--theme_light--block_orange-text);
+  --theme--block_yellow: var(--theme_light--block_yellow);
+  --theme--block_yellow-text: var(--theme_light--block_yellow-text);
+  --theme--block_green: var(--theme_light--block_green);
+  --theme--block_green-text: var(--theme_light--block_green-text);
+  --theme--block_blue: var(--theme_light--block_blue);
+  --theme--block_blue-text: var(--theme_light--block_blue-text);
+  --theme--block_purple: var(--theme_light--block_purple);
+  --theme--block_purple-text: var(--theme_light--block_purple-text);
+  --theme--block_pink: var(--theme_light--block_pink);
+  --theme--block_pink-text: var(--theme_light--block_pink-text);
+  --theme--block_red: var(--theme_light--block_red);
+  --theme--block_red-text: var(--theme_light--block_red-text);
+
+  --theme--tag-text: var(--theme_light--tag-text);
+  --theme--tag_default: var(--theme_light--tag_default);
+  --theme--tag_default-text: var(--theme_light--tag_default-text);
+  --theme--tag_plan: var(--theme_light--tag_plan);
+  --theme--tag_plan-text: var(--theme_light--tag_plan-text);
+  --theme--tag_new: var(--theme_light--tag_new);
+  --theme--tag_new-text: var(--theme_light--tag_new-text);
+  --theme--tag_grey: var(--theme_light--tag_grey);
+  --theme--tag_grey-text: var(--theme_light--tag_grey-text);
+  --theme--tag_brown: var(--theme_light--tag_brown);
+  --theme--tag_brown-text: var(--theme_light--tag_brown-text);
+  --theme--tag_orange: var(--theme_light--tag_orange);
+  --theme--tag_orange-text: var(--theme_light--tag_orange-text);
+  --theme--tag_yellow: var(--theme_light--tag_yellow);
+  --theme--tag_yellow-text: var(--theme_light--tag_yellow-text);
+  --theme--tag_green: var(--theme_light--tag_green);
+  --theme--tag_green-text: var(--theme_light--tag_green-text);
+  --theme--tag_blue: var(--theme_light--tag_blue);
+  --theme--tag_blue-text: var(--theme_light--tag_blue-text);
+  --theme--tag_purple: var(--theme_light--tag_purple);
+  --theme--tag_purple-text: var(--theme_light--tag_purple-text);
+  --theme--tag_pink: var(--theme_light--tag_pink);
+  --theme--tag_pink-text: var(--theme_light--tag_pink-text);
+  --theme--tag_red: var(--theme_light--tag_red);
+  --theme--tag_red-text: var(--theme_light--tag_red-text);
+
+  --theme--callout-text: var(--theme_light--callout-text);
+  --theme--callout_grey: var(--theme_light--callout_grey);
+  --theme--callout_grey-text: var(--theme_light--callout_grey-text);
+  --theme--callout_brown: var(--theme_light--callout_brown);
+  --theme--callout_brown-text: var(--theme_light--callout_brown-text);
+  --theme--callout_orange: var(--theme_light--callout_orange);
+  --theme--callout_orange-text: var(--theme_light--callout_orange-text);
+  --theme--callout_yellow: var(--theme_light--callout_yellow);
+  --theme--callout_yellow-text: var(--theme_light--callout_yellow-text);
+  --theme--callout_green: var(--theme_light--callout_green);
+  --theme--callout_green-text: var(--theme_light--callout_green-text);
+  --theme--callout_blue: var(--theme_light--callout_blue);
+  --theme--callout_blue-text: var(--theme_light--callout_blue-text);
+  --theme--callout_purple: var(--theme_light--callout_purple);
+  --theme--callout_purple-text: var(--theme_light--callout_purple-text);
+  --theme--callout_pink: var(--theme_light--callout_pink);
+  --theme--callout_pink-text: var(--theme_light--callout_pink-text);
+  --theme--callout_red: var(--theme_light--callout_red);
+  --theme--callout_red-text: var(--theme_light--callout_red-text);
+}
diff --git a/extension/src/gui.html b/extension/src/gui.html
new file mode 100644
index 0000000..20131c5
--- /dev/null
+++ b/extension/src/gui.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Hello, World!</title>
+  </head>
+  <body>
+    <p>Hello, World!</p>
+  </body>
+</html>
diff --git a/extension/src/helpers.js b/extension/src/helpers.js
new file mode 100644
index 0000000..37c7867
--- /dev/null
+++ b/extension/src/helpers.js
@@ -0,0 +1,41 @@
+/*
+ * notion-enhancer
+ * (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * (https://notion-enhancer.github.io/) under the MIT license
+ */
+
+'use strict';
+
+const registry = fetch(chrome.runtime.getURL('registry.json')).then((response) =>
+  response.json()
+);
+
+const web = {};
+web.whenReady = (func = () => {}) => {
+  return new Promise((res, rej) => {
+    if (document.readyState !== 'complete') {
+      document.addEventListener('readystatechange', (event) => {
+        if (document.readyState === 'complete') {
+          func();
+          res(true);
+        }
+      });
+    } else {
+      func();
+      res(true);
+    }
+  });
+};
+web.createElement = (html) => {
+  const template = document.createElement('template');
+  template.innerHTML = html.trim();
+  return template.content.firstElementChild;
+};
+web.loadStyleset = (sheet) => {
+  document.head.appendChild(
+    web.createElement(`<link rel="stylesheet" href="${chrome.runtime.getURL(sheet)}">`)
+  );
+  return true;
+};
+
+export { registry, web };
diff --git a/extension/src/launcher.js b/extension/src/launcher.js
new file mode 100644
index 0000000..b476082
--- /dev/null
+++ b/extension/src/launcher.js
@@ -0,0 +1,19 @@
+/*
+ * notion-enhancer
+ * (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * (https://notion-enhancer.github.io/) under the MIT license
+ */
+
+'use strict';
+
+import { registry, web } from './helpers.js';
+
+export default async () => {
+  web.whenReady().then(async () => {
+    for (let mod of await registry) {
+      for (let sheet of mod.css?.client || []) {
+        web.loadStyleset(`repo/${mod.dir}/${sheet}`);
+      }
+    }
+  });
+};
diff --git a/extension/src/worker.js b/extension/src/worker.js
new file mode 100644
index 0000000..2d41dc9
--- /dev/null
+++ b/extension/src/worker.js
@@ -0,0 +1,7 @@
+/*
+ * notion-enhancer
+ * (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * (https://notion-enhancer.github.io/) under the MIT license
+ */
+
+'use strict';