diff --git a/scripts/generate-theme-css.mjs b/scripts/generate-theme-css.mjs
new file mode 100644
index 0000000..99532f5
--- /dev/null
+++ b/scripts/generate-theme-css.mjs
@@ -0,0 +1,438 @@
+/**
+ * notion-enhancer
+ * (c) 2022 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * (https://notion-enhancer.github.io/) under the MIT license
+ */
+
+// paste this in the devtools console at to generate theme css
+// at https://www.notion.so/9390e51f458940a5a339dc4b8fdea2fb
+
+// the variables at the top of the file should be placed in core/variables.css
+// as a reference for theme developers, but not loaded into notion.
+
+// the css body below should be passed through https://css.github.io/csso/csso.html
+// and then saved to core/theme.css. repeat this process for both light and dark modes
+
+const darkMode = document.body.classList.contains("dark"),
+  modeSelector = darkMode ? ".dark" : ":not(.dark)";
+let cssRoot = "",
+  cssBody = "";
+
+const generateQuerySelector = (el) => {
+    if (el.tagName === "HTML") return "html";
+    const parentSelector = generateQuerySelector(el.parentElement);
+    if (el.id) return `${parentSelector} > #${el.id}`;
+    const classes = [...el.classList].map((cls) => `.${cls}`).join(""),
+      style = el.getAttribute("style")
+        ? `[style="${el.getAttribute("style").replace(/"/g, "'")}"]`
+        : "",
+      index = `:nth-child(${[...el.parentElement.children].indexOf(el) + 1})`;
+    return `${parentSelector} > ${classes || style || index}`;
+  },
+  getComputedPropertyValue = (el, prop) => {
+    const styles = window.getComputedStyle(el),
+      value = styles.getPropertyValue(prop);
+    return value;
+  };
+
+const generateForegroundStyles = () => {
+  const rgbPrimary = darkMode ? "rgb(255, 255, 255)" : "rgb(55, 53, 47)",
+    defaultPrimary = darkMode ? "rgba(255, 255, 255, 0.81)" : "rgb(55, 53, 47)",
+    defaultSecondary = darkMode
+      ? "rgb(155, 155, 155)"
+      : "rgba(25, 23, 17, 0.6)",
+    fgPrimary = new Set([rgbPrimary]),
+    fgSecondary = new Set([defaultSecondary]);
+  for (const el of document.querySelectorAll(
+    '[style^="color"], [style*=" color"], [style*=";color"], [style*="fill"]'
+  )) {
+    const colorVal =
+        el
+          .getAttribute("style")
+          .match(/(?:^|(?:;\s*))color:\s*([^;]+);?/)?.[1] ??
+        getComputedPropertyValue(el, "color"),
+      fillVal =
+        el
+          .getAttribute("style")
+          .match(/(?:^|(?:;\s*))fill:\s*([^;]+);?/)?.[1] ??
+        getComputedPropertyValue(el, "fill");
+    if (colorVal.startsWith(`rgba(${rgbPrimary.slice(4, -1)}`)) {
+      const alpha = +colorVal.slice(5, -1).split(", ")[3];
+      if (alpha > 0.8) {
+        fgPrimary.add(colorVal);
+      } else fgSecondary.add(colorVal);
+    }
+    if (fillVal.startsWith(`rgba(${rgbPrimary.slice(4, -1)}`)) {
+      const alpha = +fillVal.slice(5, -1).split(", ")[3];
+      if (alpha > 0.8) {
+        fgPrimary.add(fillVal);
+      } else fgSecondary.add(fillVal);
+    }
+    if (
+      // light mode tags have coloured text,
+      // replace with primary text for consistency
+      !darkMode &&
+      el.matches(
+        `[style*="height: 20px; border-radius: 3px; padding-left: 6px;"][style*="background:"],
+        .notion-collection_view-block [style*="height: 14px; border-radius: 3px; padding-left: 6px;"],
+        .notion-timeline-item-properties [style*="height: 18px; border-radius: 3px; padding-left: 8px;"]`
+      )
+    ) {
+      fgPrimary.add(colorVal);
+    }
+  }
+  cssRoot += `
+    --theme--fg-primary: ${defaultPrimary};
+    --theme--fg-secondary: ${defaultSecondary};
+  `;
+  const mapFgToSelectors = (colorVal) =>
+    `.notion-body${modeSelector} [style^="color:${colorVal}"],
+    .notion-body${modeSelector} [style^="color: ${colorVal}"],
+    .notion-body${modeSelector} [style*=" color:${colorVal}"],
+    .notion-body${modeSelector} [style*=" color: ${colorVal}"],
+    .notion-body${modeSelector} [style*=";color:${colorVal}"],
+    .notion-body${modeSelector} [style*=";color: ${colorVal}"],
+    .notion-body${modeSelector} [style*="fill:${colorVal}"],
+    .notion-body${modeSelector} [style*="fill: ${colorVal}"]`;
+  cssBody += `
+  ${[...fgPrimary].map(mapFgToSelectors).join(", ")} {
+      color: var(--theme--fg-primary, ${defaultPrimary}) !important;
+      caret-color: var(--theme--fg-primary, ${defaultPrimary}) !important;
+      -webkit-text-fill-color: currentColor !important;
+      fill: var(--theme--fg-primary, ${defaultPrimary}) !important;
+    }
+    ${[...fgSecondary].map(mapFgToSelectors).join(", ")} {
+      color: var(--theme--fg-secondary, ${defaultSecondary}) !important; 
+      caret-color: var(--theme--fg-secondary, ${defaultSecondary}) !important;
+      -webkit-text-fill-color: currentColor !important;
+      fill: var(--theme--fg-secondary, ${defaultSecondary}) !important; 
+    }
+  `;
+
+  const refs = {};
+  // inline text color
+  for (const el of document.querySelectorAll(
+    '.notion-selectable .notion-enable-hover[style*="color:"][style*="fill:"]'
+  )) {
+    if (!el.innerText || el.innerText.includes(" ")) continue;
+    const cssVar = `--theme--fg-${el.innerText}`,
+      colorVal = getComputedPropertyValue(el, "color"),
+      styleAttr = el.getAttribute("style");
+    cssRoot += `${cssVar}: ${colorVal};`;
+    refs[`${cssVar}, ${colorVal}`] ??= [];
+    refs[`${cssVar}, ${colorVal}`].push(
+      `.notion-body${modeSelector} .notion-enable-hover[style*="${styleAttr}"]`
+    );
+  }
+  // block text color
+  const targetSelector =
+    '.notion-text-block > [style*="color:"][style*="fill:"]';
+  for (const el of document.querySelectorAll(targetSelector)) {
+    if (!el.innerText || el.innerText.includes(" ")) continue;
+    const cssVar = `--theme--fg-${el.innerText}`,
+      colorVal = getComputedPropertyValue(el, "color"),
+      styleAttr = el
+        .getAttribute("style")
+        .match(/(?:^|(?:;\s*))color:\s*([^;]+);?/)[1];
+    refs[`${cssVar}, ${colorVal}`] ??= [];
+    refs[`${cssVar}, ${colorVal}`].push(
+      `.notion-body${modeSelector} ${targetSelector}[style*="${styleAttr}"]`
+    );
+  }
+  // board text
+  for (const parent of document.querySelectorAll(
+    ".notion-board-view .notion-board-group"
+  )) {
+    // get color name from card
+    const card = parent.querySelector('a[style*="background"]'),
+      innerText = card.innerText.replace("Drag image to reposition\n", "");
+    if (!innerText || innerText.includes(" ")) continue;
+    const el = parent.querySelector('[style*="height: 32px"]'),
+      colorVal = getComputedPropertyValue(el, "color"),
+      cssVar = `--theme--fg-${
+        // --fg-light_gray doesn't exist
+        innerText === "light_gray" ? "secondary" : innerText
+      }`,
+      styleAttr = parent
+        .getAttribute("style")
+        .match(/background(?:-color)?:\s*([^;]+);?/)[1];
+    refs[`${cssVar}, ${colorVal}`] ??= [];
+    refs[`${cssVar}, ${colorVal}`].push(
+      `.notion-body${modeSelector} .notion-board-view :is(
+          .notion-board-group[style*="${styleAttr}"] [style*="height: 32px"],
+          [style*="${styleAttr}"] > [style*="color"]:nth-child(2),
+          [style*="${styleAttr}"] > div > svg
+        )`
+    );
+  }
+  for (const varRef in refs) {
+    cssBody += `${refs[varRef].join(",")} {
+        color: var(${varRef}) !important;
+        fill: var(${varRef}) !important;
+      }`;
+  }
+};
+generateForegroundStyles();
+
+const generateBackgroundStyles = () => {
+  for (const el of document.querySelectorAll(
+    '.notion-collection_view-block [style*="height: 20px; border-radius: 3px; padding-left: 6px;"]'
+  )) {
+    if (!el.innerText || el.innerText.includes(" ")) continue;
+    const cssVar = `--theme--bg-${el.innerText}`,
+      colorVal = getComputedPropertyValue(el, "background-color");
+    cssRoot += `${cssVar}: ${colorVal};`;
+  }
+  const refs = {};
+  for (const targetSelector of [
+    // inline highlight
+    '.notion-selectable .notion-enable-hover[style^="background:"]',
+    // block highlight
+    '.notion-text-block > [style*="background:"]',
+    // callout block
+    '.notion-callout-block > div > [style*="background:"]',
+    // database tag
+    '[style*="height: 20px; border-radius: 3px; padding-left: 6px;"][style*="background:"]',
+    '.notion-collection_view-block [style*="height: 14px; border-radius: 3px; padding-left: 6px;"]',
+    '.notion-timeline-item-properties [style*="height: 18px; border-radius: 3px; padding-left: 8px;"]',
+  ]) {
+    for (const el of document.querySelectorAll(targetSelector)) {
+      if (!el.innerText || el.innerText.includes(" ")) continue;
+      const cssVar = `--theme--bg-${el.innerText}`,
+        colorVal = getComputedPropertyValue(el, "background-color"),
+        styleAttr = el
+          .getAttribute("style")
+          .match(/background(?:-color)?:\s*([^;]+);?/)[1];
+      refs[`${cssVar}, ${colorVal}`] ??= [];
+      refs[`${cssVar}, ${colorVal}`].push(
+        `.notion-body${modeSelector} ${targetSelector}[style*="${styleAttr}"]`
+      );
+    }
+  }
+  // board card: in light mode all have bg "white" by default,
+  // must be styled based on parent
+  for (const parent of document.querySelectorAll(
+    ".notion-board-view .notion-board-group"
+  )) {
+    const el = parent.querySelector('a[style*="background"]'),
+      innerText = el.innerText.replace("Drag image to reposition\n", "");
+    if (!innerText || innerText.includes(" ")) continue;
+    const cssVar = `--theme--bg-${innerText}`,
+      colorVal = getComputedPropertyValue(el, "background-color"),
+      styleAttr = parent
+        .getAttribute("style")
+        .match(/background(?:-color)?:\s*([^;]+);?/)[1];
+    refs[`${cssVar}, ${colorVal}`] ??= [];
+    refs[`${cssVar}, ${colorVal}`].push(
+      `.notion-body${modeSelector} .notion-board-view
+       .notion-board-group[style*="${styleAttr}"] a[style*="background"]`
+    );
+  }
+  for (const varRef in refs) {
+    cssBody += `${refs[varRef].join(",")} {
+      background: var(${varRef}) !important;
+    }`;
+  }
+};
+generateBackgroundStyles();
+
+const generateAccentStyles = () => {
+  // accents are the same in both light and dark modes
+  // duplicate styles should be removed by csso
+  const accentPrimary = "rgb(35, 131, 226)",
+    accentPrimaryHover = "rgb(0, 117, 211)",
+    accentPrimaryContrast = "rgb(255, 255, 255)",
+    accentPrimaryTransparent = "rgba(35, 131, 226, 0.14)",
+    accentSecondary = [
+      "rgb(235, 87, 87)",
+      "rgb(180, 65, 60)",
+      "rgb(205, 73, 69)",
+    ],
+    accentSecondaryContrast = "rgb(255, 255, 255)",
+    accentSecondaryTransparent = "rgba(235, 87, 87, 0.1)",
+    accentSecondaryBorder = "1px solid rgb(110, 54, 48)";
+  cssRoot += `--theme--accent-primary: ${accentPrimary};
+    --theme--accent-primary_hover: ${accentPrimaryHover};
+    --theme--accent-primary_contrast: ${accentPrimaryContrast};
+    --theme--accent-primary_transparent: ${accentPrimaryTransparent};
+    --theme--accent-secondary: ${accentSecondary[0]};
+    --theme--accent-secondary_contrast: ${accentSecondaryContrast};
+    --theme--accent-secondary_transparent: ${accentSecondaryTransparent};`;
+  cssBody += `
+    [style*="color: ${accentPrimary}"],
+    [style*="fill: ${accentPrimary}"] {
+      color: var(--theme--accent-primary, ${accentPrimary}) !important;
+    }
+    [style*="background: ${accentPrimary}"],
+    [style*="background-color: ${accentPrimary}"] {
+      background: var(--theme--accent-primary, ${accentPrimary}) !important;
+      color: var(--theme--accent-primary_contrast, ${accentPrimaryContrast}) !important;
+      fill: var(--theme--accent-primary_contrast, ${accentPrimaryContrast}) !important;
+    }
+    [style*="background: ${accentPrimary}"] svg[style*="fill"],
+    [style*="background-color: ${accentPrimary}"]  svg[style*="fill"] {
+      fill: var(--theme--accent-primary_contrast, ${accentPrimaryContrast}) !important;
+    }
+    [style*="border-radius: 44px;"] > [style*="border-radius: 44px; background: white;"] {
+      background: var(--theme--accent-primary_contrast, ${accentPrimaryContrast}) !important;
+    }
+    [style*="background: ${accentPrimaryHover}"],
+    [style*="background-color: ${accentPrimaryHover}"] {
+      background: var(--theme--accent-primary_hover, ${accentPrimaryHover}) !important;
+      color: var(--theme--accent-primary_contrast, ${accentPrimaryContrast}) !important;
+      fill: var(--theme--accent-primary_contrast, ${accentPrimaryContrast}) !important;
+    }
+    .notion-table-selection-overlay [style*='border: 2px solid'] {
+      border-color: var(--theme--accent-primary, ${accentPrimary}) !important;
+    }
+    *::selection,
+    .notion-selectable-halo,
+    [style*="background: ${accentPrimaryTransparent}"],
+    [style*="background-color: ${accentPrimaryTransparent}"] {
+      background: var(--theme--accent-primary_transparent, ${accentPrimaryTransparent}) !important;
+    }
+    [style*="color: ${accentSecondary[0]}"],
+    [style*="color: ${accentSecondary[1]}"],
+    [style*="fill: ${accentSecondary[0]}"],
+    [style*="fill: ${accentSecondary[1]}"] {
+      color: var(--theme--accent-secondary, ${accentSecondary}) !important;
+    }
+    [style*="background: ${accentSecondary[0]}"],
+    [style*="background: ${accentSecondary[1]}"],
+    [style*="background: ${accentSecondary[2]}"],
+    [style*="background-color: ${accentSecondary[0]}"],
+    [style*="background-color: ${accentSecondary[1]}"],
+    [style*="background-color: ${accentSecondary[2]}"] {
+      background: var(--theme--accent-secondary, ${accentSecondary[0]}) !important;
+      color: var(--theme--accent-secondary_contrast, ${accentSecondaryContrast}) !important;
+      fill: var(--theme--accent-secondary_contrast, ${accentSecondaryContrast}) !important;
+    }
+    [style*="background: ${accentSecondary[1]}"] + [style*="color: white;"] {
+      color: var(--theme--accent-secondary_contrast, ${accentSecondaryContrast}) !important;
+      fill: var(--theme--accent-secondary_contrast, ${accentSecondaryContrast}) !important;
+    }
+    [style*="background: ${accentSecondaryTransparent}"],
+    [style*="background-color: ${accentSecondaryTransparent}"] {
+      background: var(--theme--accent-secondary_transparent, ${accentSecondaryTransparent}) !important;
+    }
+    [style*="border: ${accentSecondaryBorder}"] {
+      border-color: var(--theme--accent-secondary, ${accentSecondary[0]}) !important;
+    }
+    `;
+};
+generateAccentStyles();
+
+const generateScrollbarStyles = () => {
+  const scrollbarTrack = darkMode ? "rgba(202, 204, 206, 0.04)" : "#EDECE9",
+    scrollbarThumb = darkMode ? "#474c50" : "#D3D1CB",
+    scrollbarThumbHover = darkMode ? "rgba(202, 204, 206, 0.3)" : "#AEACA6";
+  cssRoot += `--theme--scrollbar-track: ${scrollbarTrack};
+    --theme--scrollbar-thumb: ${scrollbarThumb};
+    --theme--scrollbar-thumb_hover: ${scrollbarThumbHover};`;
+  cssBody += `
+    .notion-body${modeSelector} ::-webkit-scrollbar-track {
+      background: var(--theme--scrollbar-track, ${scrollbarTrack}) !important;
+    }
+    .notion-body${modeSelector} ::-webkit-scrollbar-thumb {
+      background: var(--theme--scrollbar-thumb, ${scrollbarThumb}) !important;
+    }
+    .notion-body${modeSelector} ::-webkit-scrollbar-thumb:hover {
+      background: var(--theme--scrollbar-thumb_hover, ${scrollbarThumbHover}) !important;
+    }
+  `;
+};
+generateScrollbarStyles();
+
+const prismTokens = [
+    // all standard tokens from https://prismjs.com/tokens.html
+    "keyword",
+    "builtin",
+    "class-name",
+    "function",
+    "boolean",
+    "number",
+    "string",
+    "char",
+    "symbol",
+    "regex",
+    "url",
+    "operator",
+    "variable",
+    "constant",
+    "property",
+    "punctuation",
+    "important",
+    "comment",
+    "tag",
+    "attr-name",
+    "attr-value",
+    "namespace",
+    "prolog",
+    "doctype",
+    "cdata",
+    "entity",
+    "atrule",
+    "selector",
+    "inserted",
+    "deleted",
+  ],
+  generateCodeStyles = () => {
+    const inlineCode = document.querySelector(
+        '.notion-text-block .notion-enable-hover[style*="mono"]'
+      ),
+      inlineFg = inlineCode
+        .getAttribute("style")
+        .match(/(?:^|(?:;\s*))color:\s*([^;]+);?/)?.[1],
+      inlineBg = inlineCode
+        .getAttribute("style")
+        .match(/(?:^|(?:;\s*))background:\s*([^;]+);?/)?.[1];
+    cssRoot += `
+      --theme--code-inline_fg: ${inlineFg};
+      --theme--code-inline_bg: ${inlineBg};`;
+    cssBody += `
+      .notion-body${modeSelector} .notion-text-block
+      .notion-enable-hover[style*="mono"][style*="color:${inlineFg}"] {
+        color: var(--theme--code-inline_fg, ${inlineFg}) !important;
+      }
+      .notion-body${modeSelector} .notion-text-block
+      .notion-enable-hover[style*="mono"][style*="background:${inlineBg}"] {
+        background: var(--theme--code-inline_bg, ${inlineBg}) !important;
+      }
+    `;
+    const blockFg = document
+        .querySelector('.notion-code-block > [style*="mono"]')
+        .getAttribute("style")
+        .match(/(?:^|(?:;\s*))color:\s*([^;]+);?/)?.[1],
+      blockBg = document
+        .querySelector('.notion-code-block > div > [style*="background"]')
+        .getAttribute("style")
+        .match(/(?:^|(?:;\s*))background:\s*([^;]+);?/)?.[1];
+    cssRoot += `--theme--code-block_fg: ${blockFg};
+      --theme--code-block_bg: ${blockBg};`;
+    cssBody += `
+      .notion-body${modeSelector} .notion-code-block > [style*="mono"] {
+        color: var(--theme--code-block_fg, ${blockFg}) !important;
+      }
+      .notion-body${modeSelector} .notion-code-block > div > [style*="background"] {
+        background: var(--theme--code-block_bg, ${blockBg}) !important;
+      }
+    `;
+    const refs = {},
+      el = document.querySelector(".notion-code-block .token");
+    for (const token of prismTokens) {
+      el.className = `token ${token}`;
+      const cssVar = `--theme--code-${token.replace(/-/g, "_")}`,
+        colorVal = getComputedPropertyValue(el, "color");
+      refs[colorVal] ??= cssVar;
+      cssRoot += `${cssVar}: ${
+        refs[colorVal] === cssVar ? colorVal : `var(${refs[colorVal]})`
+      };`;
+      cssBody += `.notion-body${modeSelector} .notion-code-block .token.${token} {
+        color: var(${cssVar}, ${colorVal}) !important;
+      }`;
+    }
+  };
+generateCodeStyles();
+
+const cssDoc = `body${modeSelector} { ${cssRoot} } ${cssBody}`;
+console.log(cssDoc);
diff --git a/scripts/index-interface-colours.mjs b/scripts/index-interface-colours.mjs
deleted file mode 100644
index 0c1ad0f..0000000
--- a/scripts/index-interface-colours.mjs
+++ /dev/null
@@ -1,126 +0,0 @@
-/**
- * notion-enhancer
- * (c) 2022 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
- * (https://notion-enhancer.github.io/) under the MIT license
- */
-
-// these utils are for manual use (e.g. in the devtools console)
-// to assist in the generation of the theme.css and variables.css files
-
-const cssProperties = [
-    "background-color",
-    "border-color",
-    "box-shadow",
-    "caret-color",
-    "color",
-    "fill",
-    "outline-color",
-    "text-decoration-color",
-  ],
-  prismTokens = [
-    "keyword",
-    "builtin",
-    "class-name",
-    "function",
-    "boolean",
-    "number",
-    "string",
-    "char",
-    "symbol",
-    "regex",
-    "url",
-    "operator",
-    "variable",
-    "constant",
-    "property",
-    "punctuation",
-    "important",
-    "comment",
-    "tag",
-    "attr-name",
-    "attr-value",
-    "namespace",
-    "prolog",
-    "doctype",
-    "cdata",
-    "entity",
-    "atrule",
-    "selector",
-    "inserted",
-    "deleted",
-  ];
-
-const generateQuerySelector = (el) => {
-    if (el.tagName === "HTML") return "html";
-    const parentSelector = generateQuerySelector(el.parentElement);
-    if (el.id) return `${parentSelector} > #${el.id}`;
-    const classes = [...el.classList].map((cls) => `.${cls}`).join(""),
-      style = el.getAttribute("style")
-        ? `[style="${el.getAttribute("style").replace(/"/g, "'")}"]`
-        : "",
-      index = `:nth-child(${[...el.parentElement.children].indexOf(el) + 1})`;
-    return `${parentSelector} > ${classes || style || index}`;
-  },
-  getComputedPropertyValue = (el, prop) => {
-    const styles = window.getComputedStyle(el),
-      value = styles.getPropertyValue(prop);
-    return value;
-  };
-
-const generatePrismVariables = () => {
-  let cssVariables = "",
-    colourRefs = {};
-  const el = document.querySelector(".notion-code-block .token");
-  for (const token of prismTokens) {
-    el.className = `token ${token}`;
-    const varName = token.replace(/-/g, "_"),
-      colourValue = getComputedPropertyValue(el, "color");
-    colourRefs[colourValue] ??= varName;
-    cssVariables += `--theme--code-${varName}: ${
-      colourRefs[colourValue] === varName
-        ? colourValue
-        : `var(--theme--code-${colourRefs[colourValue]})`
-    };`;
-  }
-  return cssVariables;
-};
-
-console.log(generatePrismVariables());
-
-//   getComputedPropertyValues = (el) => {
-//     const styles = window.getComputedStyle(el),
-//       values = cssProperties.map((prop) => [
-//         prop,
-//         styles.getPropertyValue(prop),
-//       ]);
-//     return Object.fromEntries(values);
-//   },
-//   indexCssValues = () => {
-//     // Map<value, { [k: property]: selector[] }
-//     const cssValues = new Map();
-//     for (const el of document.querySelectorAll("*")) {
-//       const styles = getComputedPropertyValues(el),
-//         selector = generateQuerySelector(el);
-//       for (const prop in styles) {
-//         const value = styles[prop];
-//         if (value.includes("svg") || value.includes("url")) continue;
-//         if (!(value.includes("rgb") || value.includes("#"))) continue;
-//         if (!cssValues.has(value)) cssValues.set(value, {});
-//         cssValues.get(value)[prop] ??= [];
-//         cssValues.get(value)[prop].push(selector);
-//       }
-//     }
-//     return cssValues;
-//   },
-//   mapCssValuesToVariables = (cssValues) => {
-//     let i = 0,
-//       cssRoot = "",
-//       cssBody = "";
-//     for (const [value, props] of cssValues) {
-//       cssRoot += `--${++i}: ${value};`;
-//       for (const prop in props) {
-//         cssBody += `${props[prop].join(", ")} { ${prop}: var(--${i}); }`;
-//       }
-//     }
-//     return `:root { ${cssRoot} } ${cssBody}`;
-//   };
diff --git a/src/core/client.css b/src/core/client.css
index 540d89c..b748f5f 100644
--- a/src/core/client.css
+++ b/src/core/client.css
@@ -5,7 +5,6 @@
  */
 
 @import url("./theme.css");
-@import url("./variables.css");
 
 .notion-enhancer--menu-button {
   display: flex;
diff --git a/src/core/menu.css b/src/core/menu.css
index e69de29..df2c93f 100644
--- a/src/core/menu.css
+++ b/src/core/menu.css
@@ -0,0 +1,25 @@
+/**
+ * notion-enhancer
+ * (c) 2022 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
+ * (https://notion-enhancer.github.io/) under the MIT license
+ */
+
+/* ::selection {
+  background: var(--theme--accent_blue-selection);
+}
+
+::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+  background: transparent;
+}
+::-webkit-scrollbar-track,
+::-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;
+} */
diff --git a/src/core/theme.css b/src/core/theme.css
index b4db53e..ccb533f 100644
--- a/src/core/theme.css
+++ b/src/core/theme.css
@@ -3,95 +3,5 @@
  * (c) 2022 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
  * (https://notion-enhancer.github.io/) under the MIT license
  */
-
-/* prism.js standard tokens: https://prismjs.com/tokens.html */
-.notion-code-block .token.keyword {
-  color: var(--theme--code-keyword);
-}
-.notion-code-block .token.builtin {
-  color: var(--theme--code-builtin);
-}
-.notion-code-block .token.class-name {
-  color: var(--theme--code-class_name);
-}
-.notion-code-block .token.function {
-  color: var(--theme--code-function);
-}
-.notion-code-block .token.boolean {
-  color: var(--theme--code-boolean);
-}
-.notion-code-block .token.number {
-  color: var(--theme--code-number);
-}
-.notion-code-block .token.string {
-  color: var(--theme--code-string);
-}
-.notion-code-block .token.char {
-  color: var(--theme--code-char);
-}
-.notion-code-block .token.symbol {
-  color: var(--theme--code-symbol);
-}
-.notion-code-block .token.regex {
-  color: var(--theme--code-regex);
-}
-.notion-code-block .token.url {
-  color: var(--theme--code-url);
-}
-.notion-code-block .token.operator {
-  color: var(--theme--code-operator);
-}
-.notion-code-block .token.variable {
-  color: var(--theme--code-variable);
-}
-.notion-code-block .token.constant {
-  color: var(--theme--code-constant);
-}
-.notion-code-block .token.property {
-  color: var(--theme--code-property);
-}
-.notion-code-block .token.punctuation {
-  color: var(--theme--code-punctuation);
-}
-.notion-code-block .token.important {
-  color: var(--theme--code-important);
-}
-.notion-code-block .token.comment {
-  color: var(--theme--code-comment);
-}
-.notion-code-block .token.tag {
-  color: var(--theme--code-tag);
-}
-.notion-code-block .token.attr-name {
-  color: var(--theme--code-attr_name);
-}
-.notion-code-block .token.attr-value {
-  color: var(--theme--code-attr_value);
-}
-.notion-code-block .token.namespace {
-  color: var(--theme--code-namespace);
-}
-.notion-code-block .token.prolog {
-  color: var(--theme--code-prolog);
-}
-.notion-code-block .token.doctype {
-  color: var(--theme--code-doctype);
-}
-.notion-code-block .token.cdata {
-  color: var(--theme--code-cdata);
-}
-.notion-code-block .token.entity {
-  color: var(--theme--code-entity);
-}
-.notion-code-block .token.atrule {
-  color: var(--theme--code-atrule);
-}
-.notion-code-block .token.selector {
-  color: var(--theme--code-selector);
-}
-.notion-code-block .token.inserted {
-  color: var(--theme--code-inserted);
-}
-.notion-code-block .token.deleted {
-  color: var(--theme--code-deleted);
-}
+ 
+ .notion-body.dark [style*=" color: rgb(255, 255, 255)"],.notion-body.dark [style*=" color: rgba(255, 255, 255, 0.804)"],.notion-body.dark [style*=" color: rgba(255, 255, 255, 0.81)"],.notion-body.dark [style*=" color:rgb(255, 255, 255)"],.notion-body.dark [style*=" color:rgba(255, 255, 255, 0.804)"],.notion-body.dark [style*=" color:rgba(255, 255, 255, 0.81)"],.notion-body.dark [style*=";color: rgb(255, 255, 255)"],.notion-body.dark [style*=";color: rgba(255, 255, 255, 0.804)"],.notion-body.dark [style*=";color: rgba(255, 255, 255, 0.81)"],.notion-body.dark [style*=";color:rgb(255, 255, 255)"],.notion-body.dark [style*=";color:rgba(255, 255, 255, 0.804)"],.notion-body.dark [style*=";color:rgba(255, 255, 255, 0.81)"],.notion-body.dark [style*="fill: rgb(255, 255, 255)"],.notion-body.dark [style*="fill: rgba(255, 255, 255, 0.804)"],.notion-body.dark [style*="fill: rgba(255, 255, 255, 0.81)"],.notion-body.dark [style*="fill:rgb(255, 255, 255)"],.notion-body.dark [style*="fill:rgba(255, 255, 255, 0.804)"],.notion-body.dark [style*="fill:rgba(255, 255, 255, 0.81)"],.notion-body.dark [style^="color: rgb(255, 255, 255)"],.notion-body.dark [style^="color: rgba(255, 255, 255, 0.804)"],.notion-body.dark [style^="color: rgba(255, 255, 255, 0.81)"],.notion-body.dark [style^="color:rgb(255, 255, 255)"],.notion-body.dark [style^="color:rgba(255, 255, 255, 0.804)"],.notion-body.dark [style^="color:rgba(255, 255, 255, 0.81)"]{color:var(--theme--fg-primary,rgba(255,255,255,.81))!important;caret-color:var(--theme--fg-primary,rgba(255,255,255,.81))!important;-webkit-text-fill-color:currentColor!important;fill:var(--theme--fg-primary,rgba(255,255,255,.81))!important}.notion-body.dark [style*=" color: rgb(155, 155, 155)"],.notion-body.dark [style*=" color: rgba(255, 255, 255, 0.13)"],.notion-body.dark [style*=" color: rgba(255, 255, 255, 0.282)"],.notion-body.dark [style*=" color: rgba(255, 255, 255, 0.443)"],.notion-body.dark [style*=" color: rgba(255, 255, 255, 0.445)"],.notion-body.dark [style*=" color:rgb(155, 155, 155)"],.notion-body.dark [style*=" color:rgba(255, 255, 255, 0.13)"],.notion-body.dark [style*=" color:rgba(255, 255, 255, 0.282)"],.notion-body.dark [style*=" color:rgba(255, 255, 255, 0.443)"],.notion-body.dark [style*=" color:rgba(255, 255, 255, 0.445)"],.notion-body.dark [style*=";color: rgb(155, 155, 155)"],.notion-body.dark [style*=";color: rgba(255, 255, 255, 0.13)"],.notion-body.dark [style*=";color: rgba(255, 255, 255, 0.282)"],.notion-body.dark [style*=";color: rgba(255, 255, 255, 0.443)"],.notion-body.dark [style*=";color: rgba(255, 255, 255, 0.445)"],.notion-body.dark [style*=";color:rgb(155, 155, 155)"],.notion-body.dark [style*=";color:rgba(255, 255, 255, 0.13)"],.notion-body.dark [style*=";color:rgba(255, 255, 255, 0.282)"],.notion-body.dark [style*=";color:rgba(255, 255, 255, 0.443)"],.notion-body.dark [style*=";color:rgba(255, 255, 255, 0.445)"],.notion-body.dark [style*="fill: rgb(155, 155, 155)"],.notion-body.dark [style*="fill: rgba(255, 255, 255, 0.13)"],.notion-body.dark [style*="fill: rgba(255, 255, 255, 0.282)"],.notion-body.dark [style*="fill: rgba(255, 255, 255, 0.443)"],.notion-body.dark [style*="fill: rgba(255, 255, 255, 0.445)"],.notion-body.dark [style*="fill:rgb(155, 155, 155)"],.notion-body.dark [style*="fill:rgba(255, 255, 255, 0.13)"],.notion-body.dark [style*="fill:rgba(255, 255, 255, 0.282)"],.notion-body.dark [style*="fill:rgba(255, 255, 255, 0.443)"],.notion-body.dark [style*="fill:rgba(255, 255, 255, 0.445)"],.notion-body.dark [style^="color: rgb(155, 155, 155)"],.notion-body.dark [style^="color: rgba(255, 255, 255, 0.13)"],.notion-body.dark [style^="color: rgba(255, 255, 255, 0.282)"],.notion-body.dark [style^="color: rgba(255, 255, 255, 0.443)"],.notion-body.dark [style^="color: rgba(255, 255, 255, 0.445)"],.notion-body.dark [style^="color:rgb(155, 155, 155)"],.notion-body.dark [style^="color:rgba(255, 255, 255, 0.13)"],.notion-body.dark [style^="color:rgba(255, 255, 255, 0.282)"],.notion-body.dark [style^="color:rgba(255, 255, 255, 0.443)"],.notion-body.dark [style^="color:rgba(255, 255, 255, 0.445)"]{color:var(--theme--fg-secondary,rgb(155,155,155))!important;caret-color:var(--theme--fg-secondary,rgb(155,155,155))!important;-webkit-text-fill-color:currentColor!important;fill:var(--theme--fg-secondary,rgb(155,155,155))!important}.notion-body.dark .notion-enable-hover[style*="color:rgba(155, 155, 155, 1);fill:rgba(155, 155, 155, 1)"],.notion-body.dark .notion-text-block>[style*="color:"][style*="fill:"][style*="rgb(155, 155, 155)"]{color:var(--theme--fg-gray,rgb(155,155,155))!important;fill:var(--theme--fg-gray,rgb(155,155,155))!important}.notion-body.dark .notion-enable-hover[style*="color:rgba(186, 133, 111, 1);fill:rgba(186, 133, 111, 1)"],.notion-body.dark .notion-text-block>[style*="color:"][style*="fill:"][style*="rgb(186, 133, 111)"]{color:var(--theme--fg-brown,rgb(186,133,111))!important;fill:var(--theme--fg-brown,rgb(186,133,111))!important}.notion-body.dark .notion-enable-hover[style*="color:rgba(199, 125, 72, 1);fill:rgba(199, 125, 72, 1)"],.notion-body.dark .notion-text-block>[style*="color:"][style*="fill:"][style*="rgb(199, 125, 72)"]{color:var(--theme--fg-orange,rgb(199,125,72))!important;fill:var(--theme--fg-orange,rgb(199,125,72))!important}.notion-body.dark .notion-enable-hover[style*="color:rgba(202, 152, 73, 1);fill:rgba(202, 152, 73, 1)"],.notion-body.dark .notion-text-block>[style*="color:"][style*="fill:"][style*="rgb(202, 152, 73)"]{color:var(--theme--fg-yellow,rgb(202,152,73))!important;fill:var(--theme--fg-yellow,rgb(202,152,73))!important}.notion-body.dark .notion-enable-hover[style*="color:rgba(82, 158, 114, 1);fill:rgba(82, 158, 114, 1)"],.notion-body.dark .notion-text-block>[style*="color:"][style*="fill:"][style*="rgb(82, 158, 114)"]{color:var(--theme--fg-green,rgb(82,158,114))!important;fill:var(--theme--fg-green,rgb(82,158,114))!important}.notion-body.dark .notion-enable-hover[style*="color:rgba(94, 135, 201, 1);fill:rgba(94, 135, 201, 1)"],.notion-body.dark .notion-text-block>[style*="color:"][style*="fill:"][style*="rgb(94, 135, 201)"]{color:var(--theme--fg-blue,rgb(94,135,201))!important;fill:var(--theme--fg-blue,rgb(94,135,201))!important}.notion-body.dark .notion-enable-hover[style*="color:rgba(157, 104, 211, 1);fill:rgba(157, 104, 211, 1)"],.notion-body.dark .notion-text-block>[style*="color:"][style*="fill:"][style*="rgb(157, 104, 211)"]{color:var(--theme--fg-purple,rgb(157,104,211))!important;fill:var(--theme--fg-purple,rgb(157,104,211))!important}.notion-body.dark .notion-enable-hover[style*="color:rgba(209, 87, 150, 1);fill:rgba(209, 87, 150, 1)"],.notion-body.dark .notion-text-block>[style*="color:"][style*="fill:"][style*="rgb(209, 87, 150)"]{color:var(--theme--fg-pink,rgb(209,87,150))!important;fill:var(--theme--fg-pink,rgb(209,87,150))!important}.notion-body.dark .notion-enable-hover[style*="color:rgba(223, 84, 82, 1);fill:rgba(223, 84, 82, 1)"],.notion-body.dark .notion-text-block>[style*="color:"][style*="fill:"][style*="rgb(223, 84, 82)"]{color:var(--theme--fg-red,rgb(223,84,82))!important;fill:var(--theme--fg-red,rgb(223,84,82))!important}.notion-body.dark .notion-board-view :is(.notion-board-group[style*="rgb(28, 28, 28)"] [style*="height: 32px"],[style*="rgb(28, 28, 28)"]>[style*=color]:nth-child(2),[style*="rgb(28, 28, 28)"]>div>svg){color:var(--theme--fg-secondary,rgb(127,127,127))!important;fill:var(--theme--fg-secondary,rgb(127,127,127))!important}.notion-body.dark .notion-board-view :is(.notion-board-group[style*="rgb(32, 32, 32)"] [style*="height: 32px"],[style*="rgb(32, 32, 32)"]>[style*=color]:nth-child(2),[style*="rgb(32, 32, 32)"]>div>svg){color:var(--theme--fg-gray,rgb(127,127,127))!important;fill:var(--theme--fg-gray,rgb(127,127,127))!important}.notion-body.dark .notion-board-view :is(.notion-board-group[style*="rgb(35, 30, 28)"] [style*="height: 32px"],[style*="rgb(35, 30, 28)"]>[style*=color]:nth-child(2),[style*="rgb(35, 30, 28)"]>div>svg){color:var(--theme--fg-brown,rgb(132,86,65))!important;fill:var(--theme--fg-brown,rgb(132,86,65))!important}.notion-body.dark .notion-board-view :is(.notion-board-group[style*="rgb(37, 31, 27)"] [style*="height: 32px"],[style*="rgb(37, 31, 27)"]>[style*=color]:nth-child(2),[style*="rgb(37, 31, 27)"]>div>svg){color:var(--theme--fg-orange,rgb(167,91,26))!important;fill:var(--theme--fg-orange,rgb(167,91,26))!important}.notion-body.dark .notion-board-view :is(.notion-board-group[style*="rgb(35, 31, 26)"] [style*="height: 32px"],[style*="rgb(35, 31, 26)"]>[style*=color]:nth-child(2),[style*="rgb(35, 31, 26)"]>div>svg){color:var(--theme--fg-yellow,rgb(155,110,35))!important;fill:var(--theme--fg-yellow,rgb(155,110,35))!important}.notion-body.dark .notion-board-view :is(.notion-board-group[style*="rgb(29, 34, 32)"] [style*="height: 32px"],[style*="rgb(29, 34, 32)"]>[style*=color]:nth-child(2),[style*="rgb(29, 34, 32)"]>div>svg){color:var(--theme--fg-green,rgb(45,118,80))!important;fill:var(--theme--fg-green,rgb(45,118,80))!important}.notion-body.dark .notion-board-view :is(.notion-board-group[style*="rgb(27, 31, 34)"] [style*="height: 32px"],[style*="rgb(27, 31, 34)"]>[style*=color]:nth-child(2),[style*="rgb(27, 31, 34)"]>div>svg){color:var(--theme--fg-blue,rgb(41,90,149))!important;fill:var(--theme--fg-blue,rgb(41,90,149))!important}.notion-body.dark .notion-board-view :is(.notion-board-group[style*="rgb(31, 29, 33)"] [style*="height: 32px"],[style*="rgb(31, 29, 33)"]>[style*=color]:nth-child(2),[style*="rgb(31, 29, 33)"]>div>svg){color:var(--theme--fg-purple,rgb(112,74,150))!important;fill:var(--theme--fg-purple,rgb(112,74,150))!important}.notion-body.dark .notion-board-view :is(.notion-board-group[style*="rgb(36, 30, 29)"] [style*="height: 32px"],[style*="rgb(36, 30, 29)"]>[style*=color]:nth-child(2),[style*="rgb(36, 30, 29)"]>div>svg){color:var(--theme--fg-red,rgb(143,58,53))!important;fill:var(--theme--fg-red,rgb(143,58,53))!important}.notion-body.dark .notion-board-view :is(.notion-board-group[style*="rgb(35, 28, 31)"] [style*="height: 32px"],[style*="rgb(35, 28, 31)"]>[style*=color]:nth-child(2),[style*="rgb(35, 28, 31)"]>div>svg){color:var(--theme--fg-pink,rgb(144,58,101))!important;fill:var(--theme--fg-pink,rgb(144,58,101))!important}.notion-body.dark .notion-board-view .notion-board-group[style*="rgb(32, 32, 32)"] a[style*=background],.notion-body.dark .notion-selectable .notion-enable-hover[style^="background:"][style*="rgba(47, 47, 47, 1)"],.notion-body.dark .notion-text-block>[style*="background:"][style*="rgb(47, 47, 47)"]{background:var(--theme--bg-gray,rgb(47,47,47))!important}.notion-body.dark .notion-selectable .notion-enable-hover[style^="background:"][style*="rgba(74, 50, 40, 1)"],.notion-body.dark .notion-text-block>[style*="background:"][style*="rgb(74, 50, 40)"]{background:var(--theme--bg-brown,rgb(74,50,40))!important}.notion-body.dark .notion-selectable .notion-enable-hover[style^="background:"][style*="rgba(92, 59, 35, 1)"],.notion-body.dark .notion-text-block>[style*="background:"][style*="rgb(92, 59, 35)"]{background:var(--theme--bg-orange,rgb(92,59,35))!important}.notion-body.dark .notion-selectable .notion-enable-hover[style^="background:"][style*="rgba(86, 67, 40, 1)"],.notion-body.dark .notion-text-block>[style*="background:"][style*="rgb(86, 67, 40)"]{background:var(--theme--bg-yellow,rgb(86,67,40))!important}.notion-body.dark .notion-selectable .notion-enable-hover[style^="background:"][style*="rgba(36, 61, 48, 1)"],.notion-body.dark .notion-text-block>[style*="background:"][style*="rgb(36, 61, 48)"]{background:var(--theme--bg-green,rgb(36,61,48))!important}.notion-body.dark .notion-selectable .notion-enable-hover[style^="background:"][style*="rgba(20, 58, 78, 1)"],.notion-body.dark .notion-text-block>[style*="background:"][style*="rgb(20, 58, 78)"]{background:var(--theme--bg-blue,rgb(20,58,78))!important}.notion-body.dark .notion-selectable .notion-enable-hover[style^="background:"][style*="rgba(60, 45, 73, 1)"],.notion-body.dark .notion-text-block>[style*="background:"][style*="rgb(60, 45, 73)"]{background:var(--theme--bg-purple,rgb(60,45,73))!important}.notion-body.dark .notion-selectable .notion-enable-hover[style^="background:"][style*="rgba(78, 44, 60, 1)"],.notion-body.dark .notion-text-block>[style*="background:"][style*="rgb(78, 44, 60)"]{background:var(--theme--bg-pink,rgb(78,44,60))!important}.notion-body.dark .notion-selectable .notion-enable-hover[style^="background:"][style*="rgba(82, 46, 42, 1)"],.notion-body.dark .notion-text-block>[style*="background:"][style*="rgb(82, 46, 42)"]{background:var(--theme--bg-red,rgb(82,46,42))!important}.notion-body.dark .notion-callout-block>div>[style*="background:"][style*="rgb(37, 37, 37)"]{background:var(--theme--bg-gray,rgb(37,37,37))!important}.notion-body.dark .notion-callout-block>div>[style*="background:"][style*="rgb(47, 39, 35)"]{background:var(--theme--bg-brown,rgb(47,39,35))!important}.notion-body.dark .notion-callout-block>div>[style*="background:"][style*="rgb(56, 40, 30)"]{background:var(--theme--bg-orange,rgb(56,40,30))!important}.notion-body.dark .notion-callout-block>div>[style*="background:"][style*="rgb(57, 46, 30)"]{background:var(--theme--bg-yellow,rgb(57,46,30))!important}.notion-body.dark .notion-callout-block>div>[style*="background:"][style*="rgb(34, 43, 38)"]{background:var(--theme--bg-green,rgb(34,43,38))!important}.notion-body.dark .notion-callout-block>div>[style*="background:"][style*="rgb(29, 40, 46)"]{background:var(--theme--bg-blue,rgb(29,40,46))!important}.notion-body.dark .notion-callout-block>div>[style*="background:"][style*="rgb(43, 36, 49)"]{background:var(--theme--bg-purple,rgb(43,36,49))!important}.notion-body.dark .notion-callout-block>div>[style*="background:"][style*="rgb(48, 34, 40)"]{background:var(--theme--bg-pink,rgb(48,34,40))!important}.notion-body.dark .notion-callout-block>div>[style*="background:"][style*="rgb(54, 36, 34)"]{background:var(--theme--bg-red,rgb(54,36,34))!important}.notion-body.dark .notion-collection_view-block [style*="height: 14px; border-radius: 3px; padding-left: 6px;"][style*="rgb(55, 55, 55)"],.notion-body.dark .notion-timeline-item-properties [style*="height: 18px; border-radius: 3px; padding-left: 8px;"][style*="rgb(55, 55, 55)"],.notion-body.dark [style*="height: 20px; border-radius: 3px; padding-left: 6px;"][style*="background:"][style*="rgb(55, 55, 55)"]{background:var(--theme--bg-light_gray,rgb(55,55,55))!important}.notion-body.dark .notion-collection_view-block [style*="height: 14px; border-radius: 3px; padding-left: 6px;"][style*="rgb(90, 90, 90)"],.notion-body.dark .notion-timeline-item-properties [style*="height: 18px; border-radius: 3px; padding-left: 8px;"][style*="rgb(90, 90, 90)"],.notion-body.dark [style*="height: 20px; border-radius: 3px; padding-left: 6px;"][style*="background:"][style*="rgb(90, 90, 90)"]{background:var(--theme--bg-gray,rgb(90,90,90))!important}.notion-body.dark .notion-collection_view-block [style*="height: 14px; border-radius: 3px; padding-left: 6px;"][style*="rgb(96, 59, 44)"],.notion-body.dark .notion-timeline-item-properties [style*="height: 18px; border-radius: 3px; padding-left: 8px;"][style*="rgb(96, 59, 44)"],.notion-body.dark [style*="height: 20px; border-radius: 3px; padding-left: 6px;"][style*="background:"][style*="rgb(96, 59, 44)"]{background:var(--theme--bg-brown,rgb(96,59,44))!important}.notion-body.dark .notion-collection_view-block [style*="height: 14px; border-radius: 3px; padding-left: 6px;"][style*="rgb(133, 76, 29)"],.notion-body.dark .notion-timeline-item-properties [style*="height: 18px; border-radius: 3px; padding-left: 8px;"][style*="rgb(133, 76, 29)"],.notion-body.dark [style*="height: 20px; border-radius: 3px; padding-left: 6px;"][style*="background:"][style*="rgb(133, 76, 29)"]{background:var(--theme--bg-orange,rgb(133,76,29))!important}.notion-body.dark .notion-collection_view-block [style*="height: 14px; border-radius: 3px; padding-left: 6px;"][style*="rgb(137, 99, 42)"],.notion-body.dark .notion-timeline-item-properties [style*="height: 18px; border-radius: 3px; padding-left: 8px;"][style*="rgb(137, 99, 42)"],.notion-body.dark [style*="height: 20px; border-radius: 3px; padding-left: 6px;"][style*="background:"][style*="rgb(137, 99, 42)"]{background:var(--theme--bg-yellow,rgb(137,99,42))!important}.notion-body.dark .notion-collection_view-block [style*="height: 14px; border-radius: 3px; padding-left: 6px;"][style*="rgb(43, 89, 63)"],.notion-body.dark .notion-timeline-item-properties [style*="height: 18px; border-radius: 3px; padding-left: 8px;"][style*="rgb(43, 89, 63)"],.notion-body.dark [style*="height: 20px; border-radius: 3px; padding-left: 6px;"][style*="background:"][style*="rgb(43, 89, 63)"]{background:var(--theme--bg-green,rgb(43,89,63))!important}.notion-body.dark .notion-collection_view-block [style*="height: 14px; border-radius: 3px; padding-left: 6px;"][style*="rgb(40, 69, 108)"],.notion-body.dark .notion-timeline-item-properties [style*="height: 18px; border-radius: 3px; padding-left: 8px;"][style*="rgb(40, 69, 108)"],.notion-body.dark [style*="height: 20px; border-radius: 3px; padding-left: 6px;"][style*="background:"][style*="rgb(40, 69, 108)"]{background:var(--theme--bg-blue,rgb(40,69,108))!important}.notion-body.dark .notion-collection_view-block [style*="height: 14px; border-radius: 3px; padding-left: 6px;"][style*="rgb(73, 47, 100)"],.notion-body.dark .notion-timeline-item-properties [style*="height: 18px; border-radius: 3px; padding-left: 8px;"][style*="rgb(73, 47, 100)"],.notion-body.dark [style*="height: 20px; border-radius: 3px; padding-left: 6px;"][style*="background:"][style*="rgb(73, 47, 100)"]{background:var(--theme--bg-purple,rgb(73,47,100))!important}.notion-body.dark .notion-collection_view-block [style*="height: 14px; border-radius: 3px; padding-left: 6px;"][style*="rgb(105, 49, 76)"],.notion-body.dark .notion-timeline-item-properties [style*="height: 18px; border-radius: 3px; padding-left: 8px;"][style*="rgb(105, 49, 76)"],.notion-body.dark [style*="height: 20px; border-radius: 3px; padding-left: 6px;"][style*="background:"][style*="rgb(105, 49, 76)"]{background:var(--theme--bg-pink,rgb(105,49,76))!important}.notion-body.dark .notion-collection_view-block [style*="height: 14px; border-radius: 3px; padding-left: 6px;"][style*="rgb(110, 54, 48)"],.notion-body.dark .notion-timeline-item-properties [style*="height: 18px; border-radius: 3px; padding-left: 8px;"][style*="rgb(110, 54, 48)"],.notion-body.dark [style*="height: 20px; border-radius: 3px; padding-left: 6px;"][style*="background:"][style*="rgb(110, 54, 48)"]{background:var(--theme--bg-red,rgb(110,54,48))!important}.notion-body.dark .notion-board-view .notion-board-group[style*="rgb(28, 28, 28)"] a[style*=background]{background:var(--theme--bg-light_gray,rgb(47,47,47))!important}.notion-body.dark .notion-board-view .notion-board-group[style*="rgb(35, 30, 28)"] a[style*=background]{background:var(--theme--bg-brown,rgb(54,40,34))!important}.notion-body.dark .notion-board-view .notion-board-group[style*="rgb(37, 31, 27)"] a[style*=background]{background:var(--theme--bg-orange,rgb(66,47,34))!important}.notion-body.dark .notion-board-view .notion-board-group[style*="rgb(35, 31, 26)"] a[style*=background]{background:var(--theme--bg-yellow,rgb(64,51,36))!important}.notion-body.dark .notion-board-view .notion-board-group[style*="rgb(29, 34, 32)"] a[style*=background]{background:var(--theme--bg-green,rgb(35,49,42))!important}.notion-body.dark .notion-board-view .notion-board-group[style*="rgb(27, 31, 34)"] a[style*=background]{background:var(--theme--bg-blue,rgb(27,45,56))!important}.notion-body.dark .notion-board-view .notion-board-group[style*="rgb(31, 29, 33)"] a[style*=background]{background:var(--theme--bg-purple,rgb(48,39,57))!important}.notion-body.dark .notion-board-view .notion-board-group[style*="rgb(36, 30, 29)"] a[style*=background]{background:var(--theme--bg-red,rgb(62,40,37))!important}.notion-body.dark .notion-board-view .notion-board-group[style*="rgb(35, 28, 31)"] a[style*=background]{background:var(--theme--bg-pink,rgb(59,39,48))!important}[style*="background-color: rgb(35, 131, 226)"] svg[style*=fill],[style*="background: rgb(35, 131, 226)"] svg[style*=fill]{fill:var(--theme--accent-primary_contrast,rgb(255,255,255))!important}.notion-body.dark ::-webkit-scrollbar-track{background:var(--theme--scrollbar-track,rgba(202,204,206,.04))!important}.notion-body.dark ::-webkit-scrollbar-thumb{background:var(--theme--scrollbar-thumb,#474c50)!important}.notion-body.dark ::-webkit-scrollbar-thumb:hover{background:var(--theme--scrollbar-thumb_hover,rgba(202,204,206,.3))!important}.notion-body.dark .notion-text-block .notion-enable-hover[style*=mono][style*="color:#EB5757"]{color:var(--theme--code-inline_fg,#EB5757)!important}.notion-body.dark .notion-text-block .notion-enable-hover[style*=mono][style*="background:rgba(135,131,120,0.15)"]{background:var(--theme--code-inline_bg,rgba(135,131,120,.15))!important}.notion-body.dark .notion-code-block>[style*=mono]{color:var(--theme--code-block_fg,rgba(255,255,255,0.81))!important}.notion-body.dark .notion-code-block>div>[style*=background]{background:var(--theme--code-block_bg,rgba(255,255,255,.03))!important}.notion-body.dark .notion-code-block .token.keyword{color:var(--theme--code-keyword,rgb(209,148,158))!important}.notion-body.dark .notion-code-block .token.builtin{color:var(--theme--code-builtin,rgb(189,224,82))!important}.notion-body.dark .notion-code-block .token.class-name{color:var(--theme--code-class_name,rgba(255,255,255,.81))!important}.notion-body.dark .notion-code-block .token.function{color:var(--theme--code-function,rgba(255,255,255,.81))!important}.notion-body.dark .notion-code-block .token.boolean{color:var(--theme--code-boolean,rgb(209,148,158))!important}.notion-body.dark .notion-code-block .token.number{color:var(--theme--code-number,rgb(209,148,158))!important}.notion-body.dark .notion-code-block .token.string{color:var(--theme--code-string,rgb(189,224,82))!important}.notion-body.dark .notion-code-block .token.char{color:var(--theme--code-char,rgb(189,224,82))!important}.notion-body.dark .notion-code-block .token.symbol{color:var(--theme--code-symbol,rgb(209,148,158))!important}.notion-body.dark .notion-code-block .token.regex{color:var(--theme--code-regex,rgb(238,153,0))!important}.notion-body.dark .notion-code-block .token.url{color:var(--theme--code-url,rgb(245,184,61))!important}.notion-body.dark .notion-code-block .token.operator{color:var(--theme--code-operator,rgb(245,184,61))!important}.notion-body.dark .notion-code-block .token.variable{color:var(--theme--code-variable,rgb(245,184,61))!important}.notion-body.dark .notion-code-block .token.constant{color:var(--theme--code-constant,rgb(209,148,158))!important}.notion-body.dark .notion-code-block .token.property{color:var(--theme--code-property,rgb(209,148,158))!important}.notion-body.dark .notion-code-block .token.punctuation{color:var(--theme--code-punctuation,rgba(255,255,255,.81))!important}.notion-body.dark .notion-code-block .token.important{color:var(--theme--code-important,rgb(238,153,0))!important}.notion-body.dark .notion-code-block .token.comment{color:var(--theme--code-comment,rgb(153,128,102))!important}.notion-body.dark .notion-code-block .token.tag{color:var(--theme--code-tag,rgb(209,148,158))!important}.notion-body.dark .notion-code-block .token.attr-name{color:var(--theme--code-attr_name,rgb(189,224,82))!important}.notion-body.dark .notion-code-block .token.attr-value{color:var(--theme--code-attr_value,rgb(209,148,158))!important}.notion-body.dark .notion-code-block .token.namespace{color:var(--theme--code-namespace,rgba(255,255,255,.81))!important}.notion-body.dark .notion-code-block .token.prolog{color:var(--theme--code-prolog,rgb(153,128,102))!important}.notion-body.dark .notion-code-block .token.doctype{color:var(--theme--code-doctype,rgb(153,128,102))!important}.notion-body.dark .notion-code-block .token.cdata{color:var(--theme--code-cdata,rgb(153,128,102))!important}.notion-body.dark .notion-code-block .token.entity{color:var(--theme--code-entity,rgb(245,184,61))!important}.notion-body.dark .notion-code-block .token.atrule{color:var(--theme--code-atrule,rgb(209,148,158))!important}.notion-body.dark .notion-code-block .token.selector{color:var(--theme--code-selector,rgb(189,224,82))!important}.notion-body.dark .notion-code-block .token.inserted{color:var(--theme--code-inserted,rgb(189,224,82))!important}.notion-body.dark .notion-code-block .token.deleted{color:var(--theme--code-deleted,rgb(255,0,0))!important}.notion-body:not(.dark) [style*=" color: rgb(24, 51, 71)"],.notion-body:not(.dark) [style*=" color: rgb(28, 56, 41)"],.notion-body:not(.dark) [style*=" color: rgb(50, 48, 44)"],.notion-body:not(.dark) [style*=" color: rgb(55, 53, 47)"],.notion-body:not(.dark) [style*=" color: rgb(64, 44, 27)"],.notion-body:not(.dark) [style*=" color: rgb(65, 36, 84)"],.notion-body:not(.dark) [style*=" color: rgb(68, 42, 30)"],.notion-body:not(.dark) [style*=" color: rgb(73, 41, 14)"],.notion-body:not(.dark) [style*=" color: rgb(76, 35, 55)"],.notion-body:not(.dark) [style*=" color: rgb(93, 23, 21)"],.notion-body:not(.dark) [style*=" color: rgba(55, 53, 47, 0.85)"],.notion-body:not(.dark) [style*=" color:rgb(24, 51, 71)"],.notion-body:not(.dark) [style*=" color:rgb(28, 56, 41)"],.notion-body:not(.dark) [style*=" color:rgb(50, 48, 44)"],.notion-body:not(.dark) [style*=" color:rgb(55, 53, 47)"],.notion-body:not(.dark) [style*=" color:rgb(64, 44, 27)"],.notion-body:not(.dark) [style*=" color:rgb(65, 36, 84)"],.notion-body:not(.dark) [style*=" color:rgb(68, 42, 30)"],.notion-body:not(.dark) [style*=" color:rgb(73, 41, 14)"],.notion-body:not(.dark) [style*=" color:rgb(76, 35, 55)"],.notion-body:not(.dark) [style*=" color:rgb(93, 23, 21)"],.notion-body:not(.dark) [style*=" color:rgba(55, 53, 47, 0.85)"],.notion-body:not(.dark) [style*=";color: rgb(24, 51, 71)"],.notion-body:not(.dark) [style*=";color: rgb(28, 56, 41)"],.notion-body:not(.dark) [style*=";color: rgb(50, 48, 44)"],.notion-body:not(.dark) [style*=";color: rgb(55, 53, 47)"],.notion-body:not(.dark) [style*=";color: rgb(64, 44, 27)"],.notion-body:not(.dark) [style*=";color: rgb(65, 36, 84)"],.notion-body:not(.dark) [style*=";color: rgb(68, 42, 30)"],.notion-body:not(.dark) [style*=";color: rgb(73, 41, 14)"],.notion-body:not(.dark) [style*=";color: rgb(76, 35, 55)"],.notion-body:not(.dark) [style*=";color: rgb(93, 23, 21)"],.notion-body:not(.dark) [style*=";color: rgba(55, 53, 47, 0.85)"],.notion-body:not(.dark) [style*=";color:rgb(24, 51, 71)"],.notion-body:not(.dark) [style*=";color:rgb(28, 56, 41)"],.notion-body:not(.dark) [style*=";color:rgb(50, 48, 44)"],.notion-body:not(.dark) [style*=";color:rgb(55, 53, 47)"],.notion-body:not(.dark) [style*=";color:rgb(64, 44, 27)"],.notion-body:not(.dark) [style*=";color:rgb(65, 36, 84)"],.notion-body:not(.dark) [style*=";color:rgb(68, 42, 30)"],.notion-body:not(.dark) [style*=";color:rgb(73, 41, 14)"],.notion-body:not(.dark) [style*=";color:rgb(76, 35, 55)"],.notion-body:not(.dark) [style*=";color:rgb(93, 23, 21)"],.notion-body:not(.dark) [style*=";color:rgba(55, 53, 47, 0.85)"],.notion-body:not(.dark) [style*="fill: rgb(24, 51, 71)"],.notion-body:not(.dark) [style*="fill: rgb(28, 56, 41)"],.notion-body:not(.dark) [style*="fill: rgb(50, 48, 44)"],.notion-body:not(.dark) [style*="fill: rgb(55, 53, 47)"],.notion-body:not(.dark) [style*="fill: rgb(64, 44, 27)"],.notion-body:not(.dark) [style*="fill: rgb(65, 36, 84)"],.notion-body:not(.dark) [style*="fill: rgb(68, 42, 30)"],.notion-body:not(.dark) [style*="fill: rgb(73, 41, 14)"],.notion-body:not(.dark) [style*="fill: rgb(76, 35, 55)"],.notion-body:not(.dark) [style*="fill: rgb(93, 23, 21)"],.notion-body:not(.dark) [style*="fill: rgba(55, 53, 47, 0.85)"],.notion-body:not(.dark) [style*="fill:rgb(24, 51, 71)"],.notion-body:not(.dark) [style*="fill:rgb(28, 56, 41)"],.notion-body:not(.dark) [style*="fill:rgb(50, 48, 44)"],.notion-body:not(.dark) [style*="fill:rgb(55, 53, 47)"],.notion-body:not(.dark) [style*="fill:rgb(64, 44, 27)"],.notion-body:not(.dark) [style*="fill:rgb(65, 36, 84)"],.notion-body:not(.dark) [style*="fill:rgb(68, 42, 30)"],.notion-body:not(.dark) [style*="fill:rgb(73, 41, 14)"],.notion-body:not(.dark) [style*="fill:rgb(76, 35, 55)"],.notion-body:not(.dark) [style*="fill:rgb(93, 23, 21)"],.notion-body:not(.dark) [style*="fill:rgba(55, 53, 47, 0.85)"],.notion-body:not(.dark) [style^="color: rgb(24, 51, 71)"],.notion-body:not(.dark) [style^="color: rgb(28, 56, 41)"],.notion-body:not(.dark) [style^="color: rgb(50, 48, 44)"],.notion-body:not(.dark) [style^="color: rgb(55, 53, 47)"],.notion-body:not(.dark) [style^="color: rgb(64, 44, 27)"],.notion-body:not(.dark) [style^="color: rgb(65, 36, 84)"],.notion-body:not(.dark) [style^="color: rgb(68, 42, 30)"],.notion-body:not(.dark) [style^="color: rgb(73, 41, 14)"],.notion-body:not(.dark) [style^="color: rgb(76, 35, 55)"],.notion-body:not(.dark) [style^="color: rgb(93, 23, 21)"],.notion-body:not(.dark) [style^="color: rgba(55, 53, 47, 0.85)"],.notion-body:not(.dark) [style^="color:rgb(24, 51, 71)"],.notion-body:not(.dark) [style^="color:rgb(28, 56, 41)"],.notion-body:not(.dark) [style^="color:rgb(50, 48, 44)"],.notion-body:not(.dark) [style^="color:rgb(55, 53, 47)"],.notion-body:not(.dark) [style^="color:rgb(64, 44, 27)"],.notion-body:not(.dark) [style^="color:rgb(65, 36, 84)"],.notion-body:not(.dark) [style^="color:rgb(68, 42, 30)"],.notion-body:not(.dark) [style^="color:rgb(73, 41, 14)"],.notion-body:not(.dark) [style^="color:rgb(76, 35, 55)"],.notion-body:not(.dark) [style^="color:rgb(93, 23, 21)"],.notion-body:not(.dark) [style^="color:rgba(55, 53, 47, 0.85)"]{color:var(--theme--fg-primary,rgb(55,53,47))!important;caret-color:var(--theme--fg-primary,rgb(55,53,47))!important;-webkit-text-fill-color:currentColor!important;fill:var(--theme--fg-primary,rgb(55,53,47))!important}.notion-body:not(.dark) [style*=" color: rgba(25, 23, 17, 0.6)"],.notion-body:not(.dark) [style*=" color: rgba(55, 53, 47, 0.16)"],.notion-body:not(.dark) [style*=" color: rgba(55, 53, 47, 0.35)"],.notion-body:not(.dark) [style*=" color: rgba(55, 53, 47, 0.45)"],.notion-body:not(.dark) [style*=" color: rgba(55, 53, 47, 0.5)"],.notion-body:not(.dark) [style*=" color: rgba(55, 53, 47, 0.65)"],.notion-body:not(.dark) [style*=" color:rgba(25, 23, 17, 0.6)"],.notion-body:not(.dark) [style*=" color:rgba(55, 53, 47, 0.16)"],.notion-body:not(.dark) [style*=" color:rgba(55, 53, 47, 0.35)"],.notion-body:not(.dark) [style*=" color:rgba(55, 53, 47, 0.45)"],.notion-body:not(.dark) [style*=" color:rgba(55, 53, 47, 0.5)"],.notion-body:not(.dark) [style*=" color:rgba(55, 53, 47, 0.65)"],.notion-body:not(.dark) [style*=";color: rgba(25, 23, 17, 0.6)"],.notion-body:not(.dark) [style*=";color: rgba(55, 53, 47, 0.16)"],.notion-body:not(.dark) [style*=";color: rgba(55, 53, 47, 0.35)"],.notion-body:not(.dark) [style*=";color: rgba(55, 53, 47, 0.45)"],.notion-body:not(.dark) [style*=";color: rgba(55, 53, 47, 0.5)"],.notion-body:not(.dark) [style*=";color: rgba(55, 53, 47, 0.65)"],.notion-body:not(.dark) [style*=";color:rgba(25, 23, 17, 0.6)"],.notion-body:not(.dark) [style*=";color:rgba(55, 53, 47, 0.16)"],.notion-body:not(.dark) [style*=";color:rgba(55, 53, 47, 0.35)"],.notion-body:not(.dark) [style*=";color:rgba(55, 53, 47, 0.45)"],.notion-body:not(.dark) [style*=";color:rgba(55, 53, 47, 0.5)"],.notion-body:not(.dark) [style*=";color:rgba(55, 53, 47, 0.65)"],.notion-body:not(.dark) [style*="fill: rgba(25, 23, 17, 0.6)"],.notion-body:not(.dark) [style*="fill: rgba(55, 53, 47, 0.16)"],.notion-body:not(.dark) [style*="fill: rgba(55, 53, 47, 0.35)"],.notion-body:not(.dark) [style*="fill: rgba(55, 53, 47, 0.45)"],.notion-body:not(.dark) [style*="fill: rgba(55, 53, 47, 0.5)"],.notion-body:not(.dark) [style*="fill: rgba(55, 53, 47, 0.65)"],.notion-body:not(.dark) [style*="fill:rgba(25, 23, 17, 0.6)"],.notion-body:not(.dark) [style*="fill:rgba(55, 53, 47, 0.16)"],.notion-body:not(.dark) [style*="fill:rgba(55, 53, 47, 0.35)"],.notion-body:not(.dark) [style*="fill:rgba(55, 53, 47, 0.45)"],.notion-body:not(.dark) [style*="fill:rgba(55, 53, 47, 0.5)"],.notion-body:not(.dark) [style*="fill:rgba(55, 53, 47, 0.65)"],.notion-body:not(.dark) [style^="color: rgba(25, 23, 17, 0.6)"],.notion-body:not(.dark) [style^="color: rgba(55, 53, 47, 0.16)"],.notion-body:not(.dark) [style^="color: rgba(55, 53, 47, 0.35)"],.notion-body:not(.dark) [style^="color: rgba(55, 53, 47, 0.45)"],.notion-body:not(.dark) [style^="color: rgba(55, 53, 47, 0.5)"],.notion-body:not(.dark) [style^="color: rgba(55, 53, 47, 0.65)"],.notion-body:not(.dark) [style^="color:rgba(25, 23, 17, 0.6)"],.notion-body:not(.dark) [style^="color:rgba(55, 53, 47, 0.16)"],.notion-body:not(.dark) [style^="color:rgba(55, 53, 47, 0.35)"],.notion-body:not(.dark) [style^="color:rgba(55, 53, 47, 0.45)"],.notion-body:not(.dark) [style^="color:rgba(55, 53, 47, 0.5)"],.notion-body:not(.dark) [style^="color:rgba(55, 53, 47, 0.65)"]{color:var(--theme--fg-secondary,rgba(25,23,17,.6))!important;caret-color:var(--theme--fg-secondary,rgba(25,23,17,.6))!important;-webkit-text-fill-color:currentColor!important;fill:var(--theme--fg-secondary,rgba(25,23,17,.6))!important}.notion-body:not(.dark) .notion-enable-hover[style*="color:rgba(120, 119, 116, 1);fill:rgba(120, 119, 116, 1)"],.notion-body:not(.dark) .notion-text-block>[style*="color:"][style*="fill:"][style*="rgb(120, 119, 116)"]{color:var(--theme--fg-gray,rgb(120,119,116))!important;fill:var(--theme--fg-gray,rgb(120,119,116))!important}.notion-body:not(.dark) .notion-enable-hover[style*="color:rgba(159, 107, 83, 1);fill:rgba(159, 107, 83, 1)"],.notion-body:not(.dark) .notion-text-block>[style*="color:"][style*="fill:"][style*="rgb(159, 107, 83)"]{color:var(--theme--fg-brown,rgb(159,107,83))!important;fill:var(--theme--fg-brown,rgb(159,107,83))!important}.notion-body:not(.dark) .notion-enable-hover[style*="color:rgba(217, 115, 13, 1);fill:rgba(217, 115, 13, 1)"],.notion-body:not(.dark) .notion-text-block>[style*="color:"][style*="fill:"][style*="rgb(217, 115, 13)"]{color:var(--theme--fg-orange,rgb(217,115,13))!important;fill:var(--theme--fg-orange,rgb(217,115,13))!important}.notion-body:not(.dark) .notion-enable-hover[style*="color:rgba(203, 145, 47, 1);fill:rgba(203, 145, 47, 1)"],.notion-body:not(.dark) .notion-text-block>[style*="color:"][style*="fill:"][style*="rgb(203, 145, 47)"]{color:var(--theme--fg-yellow,rgb(203,145,47))!important;fill:var(--theme--fg-yellow,rgb(203,145,47))!important}.notion-body:not(.dark) .notion-enable-hover[style*="color:rgba(68, 131, 97, 1);fill:rgba(68, 131, 97, 1)"],.notion-body:not(.dark) .notion-text-block>[style*="color:"][style*="fill:"][style*="rgb(68, 131, 97)"]{color:var(--theme--fg-green,rgb(68,131,97))!important;fill:var(--theme--fg-green,rgb(68,131,97))!important}.notion-body:not(.dark) .notion-enable-hover[style*="color:rgba(51, 126, 169, 1);fill:rgba(51, 126, 169, 1)"],.notion-body:not(.dark) .notion-text-block>[style*="color:"][style*="fill:"][style*="rgb(51, 126, 169)"]{color:var(--theme--fg-blue,rgb(51,126,169))!important;fill:var(--theme--fg-blue,rgb(51,126,169))!important}.notion-body:not(.dark) .notion-enable-hover[style*="color:rgba(144, 101, 176, 1);fill:rgba(144, 101, 176, 1)"],.notion-body:not(.dark) .notion-text-block>[style*="color:"][style*="fill:"][style*="rgb(144, 101, 176)"]{color:var(--theme--fg-purple,rgb(144,101,176))!important;fill:var(--theme--fg-purple,rgb(144,101,176))!important}.notion-body:not(.dark) .notion-enable-hover[style*="color:rgba(193, 76, 138, 1);fill:rgba(193, 76, 138, 1)"],.notion-body:not(.dark) .notion-text-block>[style*="color:"][style*="fill:"][style*="rgb(193, 76, 138)"]{color:var(--theme--fg-pink,rgb(193,76,138))!important;fill:var(--theme--fg-pink,rgb(193,76,138))!important}.notion-body:not(.dark) .notion-enable-hover[style*="color:rgba(212, 76, 71, 1);fill:rgba(212, 76, 71, 1)"],.notion-body:not(.dark) .notion-text-block>[style*="color:"][style*="fill:"][style*="rgb(212, 76, 71)"]{color:var(--theme--fg-red,rgb(212,76,71))!important;fill:var(--theme--fg-red,rgb(212,76,71))!important}.notion-body:not(.dark) .notion-board-view :is(.notion-board-group[style*="rgba(249, 249, 245, 0.5)"] [style*="height: 32px"],[style*="rgba(249, 249, 245, 0.5)"]>[style*=color]:nth-child(2),[style*="rgba(249, 249, 245, 0.5)"]>div>svg){color:var(--theme--fg-secondary,rgba(145,145,142,.5))!important;fill:var(--theme--fg-secondary,rgba(145,145,142,.5))!important}.notion-body:not(.dark) .notion-board-view :is(.notion-board-group[style*="rgba(247, 247, 245, 0.7)"] [style*="height: 32px"],[style*="rgba(247, 247, 245, 0.7)"]>[style*=color]:nth-child(2),[style*="rgba(247, 247, 245, 0.7)"]>div>svg){color:var(--theme--fg-gray,rgb(145,145,142))!important;fill:var(--theme--fg-gray,rgb(145,145,142))!important}.notion-body:not(.dark) .notion-board-view :is(.notion-board-group[style*="rgba(250, 246, 245, 0.7)"] [style*="height: 32px"],[style*="rgba(250, 246, 245, 0.7)"]>[style*=color]:nth-child(2),[style*="rgba(250, 246, 245, 0.7)"]>div>svg){color:var(--theme--fg-brown,rgb(187,132,108))!important;fill:var(--theme--fg-brown,rgb(187,132,108))!important}.notion-body:not(.dark) .notion-board-view :is(.notion-board-group[style*="rgba(252, 245, 242, 0.7)"] [style*="height: 32px"],[style*="rgba(252, 245, 242, 0.7)"]>[style*=color]:nth-child(2),[style*="rgba(252, 245, 242, 0.7)"]>div>svg){color:var(--theme--fg-orange,rgb(215,129,58))!important;fill:var(--theme--fg-orange,rgb(215,129,58))!important}.notion-body:not(.dark) .notion-board-view :is(.notion-board-group[style*="rgba(250, 247, 237, 0.7)"] [style*="height: 32px"],[style*="rgba(250, 247, 237, 0.7)"]>[style*=color]:nth-child(2),[style*="rgba(250, 247, 237, 0.7)"]>div>svg){color:var(--theme--fg-yellow,rgb(203,148,51))!important;fill:var(--theme--fg-yellow,rgb(203,148,51))!important}.notion-body:not(.dark) .notion-board-view :is(.notion-board-group[style*="rgba(244, 248, 243, 0.7)"] [style*="height: 32px"],[style*="rgba(244, 248, 243, 0.7)"]>[style*=color]:nth-child(2),[style*="rgba(244, 248, 243, 0.7)"]>div>svg){color:var(--theme--fg-green,rgb(108,155,125))!important;fill:var(--theme--fg-green,rgb(108,155,125))!important}.notion-body:not(.dark) .notion-board-view :is(.notion-board-group[style*="rgba(241, 248, 251, 0.7)"] [style*="height: 32px"],[style*="rgba(241, 248, 251, 0.7)"]>[style*=color]:nth-child(2),[style*="rgba(241, 248, 251, 0.7)"]>div>svg){color:var(--theme--fg-blue,rgb(91,151,189))!important;fill:var(--theme--fg-blue,rgb(91,151,189))!important}.notion-body:not(.dark) .notion-board-view :is(.notion-board-group[style*="rgba(249, 246, 252, 0.7)"] [style*="height: 32px"],[style*="rgba(249, 246, 252, 0.7)"]>[style*=color]:nth-child(2),[style*="rgba(249, 246, 252, 0.7)"]>div>svg){color:var(--theme--fg-purple,rgb(167,130,195))!important;fill:var(--theme--fg-purple,rgb(167,130,195))!important}.notion-body:not(.dark) .notion-board-view :is(.notion-board-group[style*="rgba(253, 245, 243, 0.7)"] [style*="height: 32px"],[style*="rgba(253, 245, 243, 0.7)"]>[style*=color]:nth-child(2),[style*="rgba(253, 245, 243, 0.7)"]>div>svg){color:var(--theme--fg-red,rgb(225,111,100))!important;fill:var(--theme--fg-red,rgb(225,111,100))!important}.notion-body:not(.dark) .notion-board-view :is(.notion-board-group[style*="rgba(251, 245, 251, 0.7)"] [style*="height: 32px"],[style*="rgba(251, 245, 251, 0.7)"]>[style*=color]:nth-child(2),[style*="rgba(251, 245, 251, 0.7)"]>div>svg){color:var(--theme--fg-pink,rgb(205,116,159))!important;fill:var(--theme--fg-pink,rgb(205,116,159))!important}.notion-body:not(.dark) .notion-callout-block>div>[style*="background:"][style*="rgb(241, 241, 239)"],.notion-body:not(.dark) .notion-selectable .notion-enable-hover[style^="background:"][style*="rgba(241, 241, 239, 1)"],.notion-body:not(.dark) .notion-text-block>[style*="background:"][style*="rgb(241, 241, 239)"]{background:var(--theme--bg-gray,rgb(241,241,239))!important}.notion-body:not(.dark) .notion-callout-block>div>[style*="background:"][style*="rgb(244, 238, 238)"],.notion-body:not(.dark) .notion-selectable .notion-enable-hover[style^="background:"][style*="rgba(244, 238, 238, 1)"],.notion-body:not(.dark) .notion-text-block>[style*="background:"][style*="rgb(244, 238, 238)"]{background:var(--theme--bg-brown,rgb(244,238,238))!important}.notion-body:not(.dark) .notion-callout-block>div>[style*="background:"][style*="rgb(251, 236, 221)"],.notion-body:not(.dark) .notion-selectable .notion-enable-hover[style^="background:"][style*="rgba(251, 236, 221, 1)"],.notion-body:not(.dark) .notion-text-block>[style*="background:"][style*="rgb(251, 236, 221)"]{background:var(--theme--bg-orange,rgb(251,236,221))!important}.notion-body:not(.dark) .notion-callout-block>div>[style*="background:"][style*="rgb(251, 243, 219)"],.notion-body:not(.dark) .notion-selectable .notion-enable-hover[style^="background:"][style*="rgba(251, 243, 219, 1)"],.notion-body:not(.dark) .notion-text-block>[style*="background:"][style*="rgb(251, 243, 219)"]{background:var(--theme--bg-yellow,rgb(251,243,219))!important}.notion-body:not(.dark) .notion-callout-block>div>[style*="background:"][style*="rgb(237, 243, 236)"],.notion-body:not(.dark) .notion-selectable .notion-enable-hover[style^="background:"][style*="rgba(237, 243, 236, 1)"],.notion-body:not(.dark) .notion-text-block>[style*="background:"][style*="rgb(237, 243, 236)"]{background:var(--theme--bg-green,rgb(237,243,236))!important}.notion-body:not(.dark) .notion-callout-block>div>[style*="background:"][style*="rgb(231, 243, 248)"],.notion-body:not(.dark) .notion-selectable .notion-enable-hover[style^="background:"][style*="rgba(231, 243, 248, 1)"],.notion-body:not(.dark) .notion-text-block>[style*="background:"][style*="rgb(231, 243, 248)"]{background:var(--theme--bg-blue,rgb(231,243,248))!important}.notion-body:not(.dark) .notion-callout-block>div>[style*="background:"][style*="rgba(244, 240, 247, 0.8)"],.notion-body:not(.dark) .notion-selectable .notion-enable-hover[style^="background:"][style*="rgba(244, 240, 247, 0.8)"],.notion-body:not(.dark) .notion-text-block>[style*="background:"][style*="rgba(244, 240, 247, 0.8)"]{background:var(--theme--bg-purple,rgba(244,240,247,.8))!important}.notion-body:not(.dark) .notion-callout-block>div>[style*="background:"][style*="rgba(249, 238, 243, 0.8)"],.notion-body:not(.dark) .notion-selectable .notion-enable-hover[style^="background:"][style*="rgba(249, 238, 243, 0.8)"],.notion-body:not(.dark) .notion-text-block>[style*="background:"][style*="rgba(249, 238, 243, 0.8)"]{background:var(--theme--bg-pink,rgba(249,238,243,.8))!important}.notion-body:not(.dark) .notion-callout-block>div>[style*="background:"][style*="rgb(253, 235, 236)"],.notion-body:not(.dark) .notion-selectable .notion-enable-hover[style^="background:"][style*="rgba(253, 235, 236, 1)"],.notion-body:not(.dark) .notion-text-block>[style*="background:"][style*="rgb(253, 235, 236)"]{background:var(--theme--bg-red,rgb(253,235,236))!important}.notion-body:not(.dark) .notion-collection_view-block [style*="height: 14px; border-radius: 3px; padding-left: 6px;"][style*="rgba(227, 226, 224, 0.5)"],.notion-body:not(.dark) .notion-timeline-item-properties [style*="height: 18px; border-radius: 3px; padding-left: 8px;"][style*="rgba(227, 226, 224, 0.5)"],.notion-body:not(.dark) [style*="height: 20px; border-radius: 3px; padding-left: 6px;"][style*="background:"][style*="rgba(227, 226, 224, 0.5)"]{background:var(--theme--bg-light_gray,rgba(227,226,224,.5))!important}.notion-body:not(.dark) .notion-collection_view-block [style*="height: 14px; border-radius: 3px; padding-left: 6px;"][style*="rgb(227, 226, 224)"],.notion-body:not(.dark) .notion-timeline-item-properties [style*="height: 18px; border-radius: 3px; padding-left: 8px;"][style*="rgb(227, 226, 224)"],.notion-body:not(.dark) [style*="height: 20px; border-radius: 3px; padding-left: 6px;"][style*="background:"][style*="rgb(227, 226, 224)"]{background:var(--theme--bg-gray,rgb(227,226,224))!important}.notion-body:not(.dark) .notion-collection_view-block [style*="height: 14px; border-radius: 3px; padding-left: 6px;"][style*="rgb(238, 224, 218)"],.notion-body:not(.dark) .notion-timeline-item-properties [style*="height: 18px; border-radius: 3px; padding-left: 8px;"][style*="rgb(238, 224, 218)"],.notion-body:not(.dark) [style*="height: 20px; border-radius: 3px; padding-left: 6px;"][style*="background:"][style*="rgb(238, 224, 218)"]{background:var(--theme--bg-brown,rgb(238,224,218))!important}.notion-body:not(.dark) .notion-collection_view-block [style*="height: 14px; border-radius: 3px; padding-left: 6px;"][style*="rgb(250, 222, 201)"],.notion-body:not(.dark) .notion-timeline-item-properties [style*="height: 18px; border-radius: 3px; padding-left: 8px;"][style*="rgb(250, 222, 201)"],.notion-body:not(.dark) [style*="height: 20px; border-radius: 3px; padding-left: 6px;"][style*="background:"][style*="rgb(250, 222, 201)"]{background:var(--theme--bg-orange,rgb(250,222,201))!important}.notion-body:not(.dark) .notion-collection_view-block [style*="height: 14px; border-radius: 3px; padding-left: 6px;"][style*="rgb(253, 236, 200)"],.notion-body:not(.dark) .notion-timeline-item-properties [style*="height: 18px; border-radius: 3px; padding-left: 8px;"][style*="rgb(253, 236, 200)"],.notion-body:not(.dark) [style*="height: 20px; border-radius: 3px; padding-left: 6px;"][style*="background:"][style*="rgb(253, 236, 200)"]{background:var(--theme--bg-yellow,rgb(253,236,200))!important}.notion-body:not(.dark) .notion-collection_view-block [style*="height: 14px; border-radius: 3px; padding-left: 6px;"][style*="rgb(219, 237, 219)"],.notion-body:not(.dark) .notion-timeline-item-properties [style*="height: 18px; border-radius: 3px; padding-left: 8px;"][style*="rgb(219, 237, 219)"],.notion-body:not(.dark) [style*="height: 20px; border-radius: 3px; padding-left: 6px;"][style*="background:"][style*="rgb(219, 237, 219)"]{background:var(--theme--bg-green,rgb(219,237,219))!important}.notion-body:not(.dark) .notion-collection_view-block [style*="height: 14px; border-radius: 3px; padding-left: 6px;"][style*="rgb(211, 229, 239)"],.notion-body:not(.dark) .notion-timeline-item-properties [style*="height: 18px; border-radius: 3px; padding-left: 8px;"][style*="rgb(211, 229, 239)"],.notion-body:not(.dark) [style*="height: 20px; border-radius: 3px; padding-left: 6px;"][style*="background:"][style*="rgb(211, 229, 239)"]{background:var(--theme--bg-blue,rgb(211,229,239))!important}.notion-body:not(.dark) .notion-collection_view-block [style*="height: 14px; border-radius: 3px; padding-left: 6px;"][style*="rgb(232, 222, 238)"],.notion-body:not(.dark) .notion-timeline-item-properties [style*="height: 18px; border-radius: 3px; padding-left: 8px;"][style*="rgb(232, 222, 238)"],.notion-body:not(.dark) [style*="height: 20px; border-radius: 3px; padding-left: 6px;"][style*="background:"][style*="rgb(232, 222, 238)"]{background:var(--theme--bg-purple,rgb(232,222,238))!important}.notion-body:not(.dark) .notion-collection_view-block [style*="height: 14px; border-radius: 3px; padding-left: 6px;"][style*="rgb(245, 224, 233)"],.notion-body:not(.dark) .notion-timeline-item-properties [style*="height: 18px; border-radius: 3px; padding-left: 8px;"][style*="rgb(245, 224, 233)"],.notion-body:not(.dark) [style*="height: 20px; border-radius: 3px; padding-left: 6px;"][style*="background:"][style*="rgb(245, 224, 233)"]{background:var(--theme--bg-pink,rgb(245,224,233))!important}.notion-body:not(.dark) .notion-collection_view-block [style*="height: 14px; border-radius: 3px; padding-left: 6px;"][style*="rgb(255, 226, 221)"],.notion-body:not(.dark) .notion-timeline-item-properties [style*="height: 18px; border-radius: 3px; padding-left: 8px;"][style*="rgb(255, 226, 221)"],.notion-body:not(.dark) [style*="height: 20px; border-radius: 3px; padding-left: 6px;"][style*="background:"][style*="rgb(255, 226, 221)"]{background:var(--theme--bg-red,rgb(255,226,221))!important}.notion-body:not(.dark) .notion-board-view .notion-board-group[style*="rgba(249, 249, 245, 0.5)"] a[style*=background]{background:var(--theme--bg-light_gray,rgb(255,255,255))!important}.notion-body:not(.dark) .notion-board-view .notion-board-group[style*="rgba(247, 247, 245, 0.7)"] a[style*=background]{background:var(--theme--bg-gray,rgb(255,255,255))!important}.notion-body:not(.dark) .notion-board-view .notion-board-group[style*="rgba(250, 246, 245, 0.7)"] a[style*=background]{background:var(--theme--bg-brown,rgb(255,255,255))!important}.notion-body:not(.dark) .notion-board-view .notion-board-group[style*="rgba(252, 245, 242, 0.7)"] a[style*=background]{background:var(--theme--bg-orange,rgb(255,255,255))!important}.notion-body:not(.dark) .notion-board-view .notion-board-group[style*="rgba(250, 247, 237, 0.7)"] a[style*=background]{background:var(--theme--bg-yellow,rgb(255,255,255))!important}.notion-body:not(.dark) .notion-board-view .notion-board-group[style*="rgba(244, 248, 243, 0.7)"] a[style*=background]{background:var(--theme--bg-green,rgb(255,255,255))!important}.notion-body:not(.dark) .notion-board-view .notion-board-group[style*="rgba(241, 248, 251, 0.7)"] a[style*=background]{background:var(--theme--bg-blue,rgb(255,255,255))!important}.notion-body:not(.dark) .notion-board-view .notion-board-group[style*="rgba(249, 246, 252, 0.7)"] a[style*=background]{background:var(--theme--bg-purple,rgb(255,255,255))!important}.notion-body:not(.dark) .notion-board-view .notion-board-group[style*="rgba(253, 245, 243, 0.7)"] a[style*=background]{background:var(--theme--bg-red,rgb(255,255,255))!important}.notion-body:not(.dark) .notion-board-view .notion-board-group[style*="rgba(251, 245, 251, 0.7)"] a[style*=background]{background:var(--theme--bg-pink,rgb(255,255,255))!important}[style*="color: rgb(35, 131, 226)"],[style*="fill: rgb(35, 131, 226)"]{color:var(--theme--accent-primary,rgb(35,131,226))!important}[style*="background-color: rgb(35, 131, 226)"],[style*="background: rgb(35, 131, 226)"]{background:var(--theme--accent-primary,rgb(35,131,226))!important;color:var(--theme--accent-primary_contrast,rgb(255,255,255))!important;fill:var(--theme--accent-primary_contrast,rgb(255,255,255))!important}[style*="border-radius: 44px;"]>[style*="border-radius: 44px; background: white;"]{background:var(--theme--accent-primary_contrast,rgb(255,255,255))!important}[style*="background-color: rgb(0, 117, 211)"],[style*="background: rgb(0, 117, 211)"]{background:var(--theme--accent-primary_hover,rgb(0,117,211))!important;color:var(--theme--accent-primary_contrast,rgb(255,255,255))!important;fill:var(--theme--accent-primary_contrast,rgb(255,255,255))!important}.notion-table-selection-overlay [style*="border: 2px solid"]{border-color:var(--theme--accent-primary,rgb(35,131,226))!important}.notion-selectable-halo,::selection,[style*="background-color: rgba(35, 131, 226, 0.14)"],[style*="background: rgba(35, 131, 226, 0.14)"]{background:var(--theme--accent-primary_transparent,rgba(35,131,226,.14))!important}[style*="color: rgb(180, 65, 60)"],[style*="color: rgb(235, 87, 87)"],[style*="fill: rgb(180, 65, 60)"],[style*="fill: rgb(235, 87, 87)"]{color:var(--theme--accent-secondary,rgb(235,87,87),rgb(180,65,60),rgb(205,73,69))!important}[style*="background-color: rgb(180, 65, 60)"],[style*="background-color: rgb(205, 73, 69)"],[style*="background-color: rgb(235, 87, 87)"],[style*="background: rgb(180, 65, 60)"],[style*="background: rgb(205, 73, 69)"],[style*="background: rgb(235, 87, 87)"]{background:var(--theme--accent-secondary,rgb(235,87,87))!important;color:var(--theme--accent-secondary_contrast,rgb(255,255,255))!important;fill:var(--theme--accent-secondary_contrast,rgb(255,255,255))!important}[style*="background: rgb(180, 65, 60)"]+[style*="color: white;"]{color:var(--theme--accent-secondary_contrast,rgb(255,255,255))!important;fill:var(--theme--accent-secondary_contrast,rgb(255,255,255))!important}[style*="background-color: rgba(235, 87, 87, 0.1)"],[style*="background: rgba(235, 87, 87, 0.1)"]{background:var(--theme--accent-secondary_transparent,rgba(235,87,87,.1))!important}[style*="border: 1px solid rgb(110, 54, 48)"]{border-color:var(--theme--accent-secondary,rgb(235,87,87))!important}.notion-body:not(.dark) ::-webkit-scrollbar-track{background:var(--theme--scrollbar-track,#EDECE9)!important}.notion-body:not(.dark) ::-webkit-scrollbar-thumb{background:var(--theme--scrollbar-thumb,#D3D1CB)!important}.notion-body:not(.dark) ::-webkit-scrollbar-thumb:hover{background:var(--theme--scrollbar-thumb_hover,#AEACA6)!important}.notion-body:not(.dark) .notion-text-block .notion-enable-hover[style*=mono][style*="color:#EB5757"]{color:var(--theme--code-inline_fg,#EB5757)!important}.notion-body:not(.dark) .notion-text-block .notion-enable-hover[style*=mono][style*="background:rgba(135,131,120,0.15)"]{background:var(--theme--code-inline_bg,rgba(135,131,120,.15))!important}.notion-body:not(.dark) .notion-code-block>[style*=mono]{color:var(--theme--code-block_fg,rgb(55,53,47))!important}.notion-body:not(.dark) .notion-code-block>div>[style*=background]{background:var(--theme--code-block_bg,rgb(247,246,243))!important}.notion-body:not(.dark) .notion-code-block .token.keyword{color:var(--theme--code-keyword,rgb(0,119,170))!important}.notion-body:not(.dark) .notion-code-block .token.builtin{color:var(--theme--code-builtin,rgb(102,153,0))!important}.notion-body:not(.dark) .notion-code-block .token.class-name{color:var(--theme--code-class_name,rgb(221,74,104))!important}.notion-body:not(.dark) .notion-code-block .token.function{color:var(--theme--code-function,rgb(221,74,104))!important}.notion-body:not(.dark) .notion-code-block .token.boolean{color:var(--theme--code-boolean,rgb(153,0,85))!important}.notion-body:not(.dark) .notion-code-block .token.number{color:var(--theme--code-number,rgb(153,0,85))!important}.notion-body:not(.dark) .notion-code-block .token.string{color:var(--theme--code-string,rgb(102,153,0))!important}.notion-body:not(.dark) .notion-code-block .token.char{color:var(--theme--code-char,rgb(102,153,0))!important}.notion-body:not(.dark) .notion-code-block .token.symbol{color:var(--theme--code-symbol,rgb(153,0,85))!important}.notion-body:not(.dark) .notion-code-block .token.regex{color:var(--theme--code-regex,rgb(238,153,0))!important}.notion-body:not(.dark) .notion-code-block .token.url{color:var(--theme--code-url,rgb(154,110,58))!important}.notion-body:not(.dark) .notion-code-block .token.operator{color:var(--theme--code-operator,rgb(154,110,58))!important}.notion-body:not(.dark) .notion-code-block .token.variable{color:var(--theme--code-variable,rgb(238,153,0))!important}.notion-body:not(.dark) .notion-code-block .token.constant{color:var(--theme--code-constant,rgb(153,0,85))!important}.notion-body:not(.dark) .notion-code-block .token.property{color:var(--theme--code-property,rgb(153,0,85))!important}.notion-body:not(.dark) .notion-code-block .token.punctuation{color:var(--theme--code-punctuation,rgb(153,153,153))!important}.notion-body:not(.dark) .notion-code-block .token.important{color:var(--theme--code-important,rgb(238,153,0))!important}.notion-body:not(.dark) .notion-code-block .token.comment{color:var(--theme--code-comment,rgb(112,128,144))!important}.notion-body:not(.dark) .notion-code-block .token.tag{color:var(--theme--code-tag,rgb(153,0,85))!important}.notion-body:not(.dark) .notion-code-block .token.attr-name{color:var(--theme--code-attr_name,rgb(102,153,0))!important}.notion-body:not(.dark) .notion-code-block .token.attr-value{color:var(--theme--code-attr_value,rgb(0,119,170))!important}.notion-body:not(.dark) .notion-code-block .token.namespace{color:var(--theme--code-namespace,rgb(55,53,47))!important}.notion-body:not(.dark) .notion-code-block .token.prolog{color:var(--theme--code-prolog,rgb(112,128,144))!important}.notion-body:not(.dark) .notion-code-block .token.doctype{color:var(--theme--code-doctype,rgb(112,128,144))!important}.notion-body:not(.dark) .notion-code-block .token.cdata{color:var(--theme--code-cdata,rgb(112,128,144))!important}.notion-body:not(.dark) .notion-code-block .token.entity{color:var(--theme--code-entity,rgb(154,110,58))!important}.notion-body:not(.dark) .notion-code-block .token.atrule{color:var(--theme--code-atrule,rgb(0,119,170))!important}.notion-body:not(.dark) .notion-code-block .token.selector{color:var(--theme--code-selector,rgb(102,153,0))!important}.notion-body:not(.dark) .notion-code-block .token.inserted{color:var(--theme--code-inserted,rgb(102,153,0))!important}.notion-body:not(.dark) .notion-code-block .token.deleted{color:var(--theme--code-deleted,rgb(153,0,85))!important}
\ No newline at end of file
diff --git a/src/core/variables.css b/src/core/variables.css
index 103567a..e5701c1 100644
--- a/src/core/variables.css
+++ b/src/core/variables.css
@@ -4,43 +4,42 @@
  * (https://notion-enhancer.github.io/) under the MIT license
  */
 
-:root {
-}
-
-body:not(.dark) {
-  --theme--code-keyword: rgb(0, 119, 170);
-  --theme--code-builtin: rgb(102, 153, 0);
-  --theme--code-class_name: rgb(221, 74, 104);
-  --theme--code-function: var(--theme--code-class_name);
-  --theme--code-boolean: rgb(153, 0, 85);
-  --theme--code-number: var(--theme--code-boolean);
-  --theme--code-string: var(--theme--code-builtin);
-  --theme--code-char: var(--theme--code-builtin);
-  --theme--code-symbol: var(--theme--code-boolean);
-  --theme--code-regex: rgb(238, 153, 0);
-  --theme--code-url: rgb(154, 110, 58);
-  --theme--code-operator: var(--theme--code-url);
-  --theme--code-variable: var(--theme--code-regex);
-  --theme--code-constant: var(--theme--code-boolean);
-  --theme--code-property: var(--theme--code-boolean);
-  --theme--code-punctuation: rgb(153, 153, 153);
-  --theme--code-important: var(--theme--code-regex);
-  --theme--code-comment: rgb(112, 128, 144);
-  --theme--code-tag: var(--theme--code-boolean);
-  --theme--code-attr_name: var(--theme--code-builtin);
-  --theme--code-attr_value: var(--theme--code-keyword);
-  --theme--code-namespace: rgb(55, 53, 47);
-  --theme--code-prolog: var(--theme--code-comment);
-  --theme--code-doctype: var(--theme--code-comment);
-  --theme--code-cdata: var(--theme--code-comment);
-  --theme--code-entity: var(--theme--code-url);
-  --theme--code-atrule: var(--theme--code-keyword);
-  --theme--code-selector: var(--theme--code-builtin);
-  --theme--code-inserted: var(--theme--code-builtin);
-  --theme--code-deleted: var(--theme--code-boolean);
-}
-
 body.dark {
+  --theme--fg-primary: rgba(255, 255, 255, 0.81);
+  --theme--fg-secondary: rgb(155, 155, 155);
+  --theme--fg-gray: rgb(155, 155, 155);
+  --theme--fg-brown: rgb(186, 133, 111);
+  --theme--fg-orange: rgb(199, 125, 72);
+  --theme--fg-yellow: rgb(202, 152, 73);
+  --theme--fg-green: rgb(82, 158, 114);
+  --theme--fg-blue: rgb(94, 135, 201);
+  --theme--fg-purple: rgb(157, 104, 211);
+  --theme--fg-pink: rgb(209, 87, 150);
+  --theme--fg-red: rgb(223, 84, 82);
+  --theme--bg-light_gray: rgb(55, 55, 55);
+  --theme--bg-gray: rgb(90, 90, 90);
+  --theme--bg-brown: rgb(96, 59, 44);
+  --theme--bg-orange: rgb(133, 76, 29);
+  --theme--bg-yellow: rgb(137, 99, 42);
+  --theme--bg-green: rgb(43, 89, 63);
+  --theme--bg-blue: rgb(40, 69, 108);
+  --theme--bg-purple: rgb(73, 47, 100);
+  --theme--bg-red: rgb(110, 54, 48);
+  --theme--bg-pink: rgb(105, 49, 76);
+  --theme--accent-primary: rgb(35, 131, 226);
+  --theme--accent-primary_hover: rgb(0, 117, 211);
+  --theme--accent-primary_contrast: rgb(255, 255, 255);
+  --theme--accent-primary_transparent: rgba(35, 131, 226, 0.14);
+  --theme--accent-secondary: rgb(235, 87, 87);
+  --theme--accent-secondary_contrast: rgb(255, 255, 255);
+  --theme--accent-secondary_transparent: rgba(235, 87, 87, 0.1);
+  --theme--scrollbar-track: rgba(202, 204, 206, 0.04);
+  --theme--scrollbar-thumb: #474c50;
+  --theme--scrollbar-thumb_hover: rgba(202, 204, 206, 0.3);
+  --theme--code-inli: #eb5757;
+  --theme--code-inline_bg: rgba(135, 131, 120, 0.15);
+  --theme--code-block_fg: rgba(255, 255, 255, 0.81);
+  --theme--code-block_bg: rgba(255, 255, 255, 0.03);
   --theme--code-keyword: rgb(209, 148, 158);
   --theme--code-builtin: rgb(189, 224, 82);
   --theme--code-class_name: rgba(255, 255, 255, 0.81);
@@ -72,3 +71,71 @@ body.dark {
   --theme--code-inserted: var(--theme--code-builtin);
   --theme--code-deleted: rgb(255, 0, 0);
 }
+
+body:not(.dark) {
+  --theme--fg-primary: rgb(55, 53, 47);
+  --theme--fg-secondary: rgba(25, 23, 17, 0.6);
+  --theme--fg-gray: rgb(120, 119, 116);
+  --theme--fg-brown: rgb(159, 107, 83);
+  --theme--fg-orange: rgb(217, 115, 13);
+  --theme--fg-yellow: rgb(203, 145, 47);
+  --theme--fg-green: rgb(68, 131, 97);
+  --theme--fg-blue: rgb(51, 126, 169);
+  --theme--fg-purple: rgb(144, 101, 176);
+  --theme--fg-pink: rgb(193, 76, 138);
+  --theme--fg-red: rgb(212, 76, 71);
+  --theme--bg-light_gray: rgba(227, 226, 224, 0.5);
+  --theme--bg-gray: rgb(227, 226, 224);
+  --theme--bg-brown: rgb(238, 224, 218);
+  --theme--bg-orange: rgb(250, 222, 201);
+  --theme--bg-yellow: rgb(253, 236, 200);
+  --theme--bg-green: rgb(219, 237, 219);
+  --theme--bg-blue: rgb(211, 229, 239);
+  --theme--bg-purple: rgb(232, 222, 238);
+  --theme--bg-red: rgb(255, 226, 221);
+  --theme--bg-pink: rgb(245, 224, 233);
+  --theme--accent-primary: rgb(35, 131, 226);
+  --theme--accent-primary_hover: rgb(0, 117, 211);
+  --theme--accent-primary_contrast: rgb(255, 255, 255);
+  --theme--accent-primary_transparent: rgba(35, 131, 226, 0.14);
+  --theme--accent-secondary: rgb(235, 87, 87);
+  --theme--accent-secondary_contrast: rgb(255, 255, 255);
+  --theme--accent-secondary_transparent: rgba(235, 87, 87, 0.1);
+  --theme--scrollbar-track: #edece9;
+  --theme--scrollbar-thumb: #d3d1cb;
+  --theme--scrollbar-thumb_hover: #aeaca6;
+  --theme--code-inli: #eb5757;
+  --theme--code-inline_bg: rgba(135, 131, 120, 0.15);
+  --theme--code-block_fg: rgb(55, 53, 47);
+  --theme--code-block_bg: rgb(247, 246, 243);
+  --theme--code-keyword: rgb(0, 119, 170);
+  --theme--code-builtin: rgb(102, 153, 0);
+  --theme--code-class_name: rgb(221, 74, 104);
+  --theme--code-function: var(--theme--code-class_name);
+  --theme--code-boolean: rgb(153, 0, 85);
+  --theme--code-number: var(--theme--code-boolean);
+  --theme--code-string: var(--theme--code-builtin);
+  --theme--code-char: var(--theme--code-builtin);
+  --theme--code-symbol: var(--theme--code-boolean);
+  --theme--code-regex: rgb(238, 153, 0);
+  --theme--code-url: rgb(154, 110, 58);
+  --theme--code-operator: var(--theme--code-url);
+  --theme--code-variable: var(--theme--code-regex);
+  --theme--code-constant: var(--theme--code-boolean);
+  --theme--code-property: var(--theme--code-boolean);
+  --theme--code-punctuation: rgb(153, 153, 153);
+  --theme--code-important: var(--theme--code-regex);
+  --theme--code-comment: rgb(112, 128, 144);
+  --theme--code-tag: var(--theme--code-boolean);
+  --theme--code-attr_name: var(--theme--code-builtin);
+  --theme--code-attr_value: var(--theme--code-keyword);
+  --theme--code-namespace: rgb(55, 53, 47);
+  --theme--code-prolog: var(--theme--code-comment);
+  --theme--code-doctype: var(--theme--code-comment);
+  --theme--code-cdata: var(--theme--code-comment);
+  --theme--code-entity: var(--theme--code-url);
+  --theme--code-atrule: var(--theme--code-keyword);
+  --theme--code-selector: var(--theme--code-builtin);
+  --theme--code-inserted: var(--theme--code-builtin);
+  --theme--code-deleted: var(--theme--code-boolean);
+}