diff --git a/scripts/generate-theme-css.mjs b/scripts/generate-theme-css.mjs index 99532f5..6bc8ee2 100644 --- a/scripts/generate-theme-css.mjs +++ b/scripts/generate-theme-css.mjs @@ -13,27 +13,52 @@ // 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 +// not yet themed: notion's new svg icons + +// future application once cleaned up and improved: +// generate theme at runtime rather than manually building styles + 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 getComputedPropertyValue = (el, prop) => { + const styles = window.getComputedStyle(el), + value = styles.getPropertyValue(prop); + return value; +}; + +const generateFontStyles = () => { + const fontSans = `ui-sans-serif, -apple-system, BlinkMacSystemFont, + "Segoe UI", Helvetica, "Apple Color Emoji", Arial, + sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"`, + fontSerif = `Lyon-Text, Georgia, YuMincho, "Yu Mincho", + "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Songti TC", + "Songti SC", SimSun, "Nanum Myeongjo", NanumMyeongjo, Batang, serif`, + fontMono = `iawriter-mono, Nitti, Menlo, Courier, monospace`, + fontCode = `SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace`; + cssRoot += ` + --theme--font-sans: ${fontSans}; + --theme--font-serif: ${fontSerif}; + --theme--font-mono: ${fontMono}; + --theme--font-code: ${fontCode};`; + cssBody += ` + [style*='Segoe UI'] { + font-family: var(--theme--font-sans, ${fontSans.split(',')[0]}), ${fontSans} !important; + } + [style*='Georgia'] { + font-family: var(--theme--font-serif, ${fontSerif.split(',')[0]}), ${fontSerif} !important; + } + [style*='iawriter-mono'] { + font-family: var(--theme--font-mono, ${fontMono.split(',')[0]}), ${fontMono} !important; + } + [style*='SFMono-Regular'] { + font-family: var(--theme--font-code, ${fontCode.split(',')[0]}), ${fontCode} !important; + } + `; +}; +generateFontStyles(); const generateForegroundStyles = () => { const rgbPrimary = darkMode ? "rgb(255, 255, 255)" : "rgb(55, 53, 47)", @@ -41,8 +66,14 @@ const generateForegroundStyles = () => { defaultSecondary = darkMode ? "rgb(155, 155, 155)" : "rgba(25, 23, 17, 0.6)", - fgPrimary = new Set([rgbPrimary]), - fgSecondary = new Set([defaultSecondary]); + fgPrimary = new Set([ + rgbPrimary, + darkMode ? "rgb(211, 211, 211)" : "rgba(255, 255, 255, 0.9)", + ]), + fgSecondary = new Set([ + defaultSecondary, + darkMode ? "rgb(127, 127, 127)" : "rgba(206, 205, 202, 0.6)", + ]); for (const el of document.querySelectorAll( '[style^="color"], [style*=" color"], [style*=";color"], [style*="fill"]' )) { @@ -95,18 +126,118 @@ const generateForegroundStyles = () => { .notion-body${modeSelector} [style*="fill:${colorVal}"], .notion-body${modeSelector} [style*="fill: ${colorVal}"]`; cssBody += ` - ${[...fgPrimary].map(mapFgToSelectors).join(", ")} { + ${[...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; + text-decoration-color: currentColor !important; fill: var(--theme--fg-primary, ${defaultPrimary}) !important; } + .notion-body${modeSelector} .rdp-nav_icon, + .notion-body${modeSelector} .rdp-head_cell, + .notion-body${modeSelector} .rdp-day.rdp-day_outside, + .notion-body${modeSelector} ::placeholder, ${[...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; + text-decoration-color: currentColor !important; fill: var(--theme--fg-secondary, ${defaultSecondary}) !important; } + ${[...fgPrimary] + .map( + (colorVal) => + `.notion-body${modeSelector} :is( + [style*="caret-color:${colorVal}"], [style*="caret-color: ${colorVal}"])` + ) + .join(", ")} { + caret-color: var(--theme--fg-primary, ${defaultPrimary}) !important; + } + .notion-body${modeSelector} ::placeholder, + ${[...fgSecondary] + .map( + (colorVal) => + `.notion-body${modeSelector} :is( + [style*="caret-color:${colorVal}"], [style*="caret-color: ${colorVal}"])` + ) + .join(", ")} { + caret-color: var(--theme--fg-secondary, ${defaultSecondary}) !important; + } + .notion-body${modeSelector} [style*="-webkit-text-fill-color:"] { + -webkit-text-fill-color: var(--theme--fg-secondary, ${defaultSecondary}) !important; + } + `; + + // borders + const defaultBorder = darkMode ? "rgb(47, 47, 47)" : "rgb(233, 233, 231)", + possibleBorders = darkMode + ? [defaultBorder.slice(4, -1), "255, 255, 255"] + : [defaultBorder.slice(4, -1), "55, 53, 47"], + borderColors = new Set([ + darkMode ? "rgb(37, 37, 37)" : "rgb(238, 238, 237)", + ]), + boxShadows = new Set( + darkMode + ? [ + "box-shadow: rgba(255, 255, 255, 0.094) 0px -1px 0px;", + "box-shadow: rgba(15, 15, 15, 0.2) 0px 0px 0px 1px inset;", + "box-shadow: rgb(25, 25, 25) -3px 0px 0px, rgb(47, 47, 47) 0px 1px 0px;", + ] + : [ + "box-shadow: rgba(55, 53, 47, 0.09) 0px -1px 0px;", + "box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px inset;", + "box-shadow: white -3px 0px 0px, rgb(233, 233, 231) 0px 1px 0px;", + ] + ); + for (const el of document.querySelectorAll( + `[style*="border:"], [style*="border-right:"], [style*="border-left:"], + [style*="border-top:"], [style*="border-bottom:"], [style*="box-shadow:"]` + )) { + const borderColor = el + .getAttribute("style") + .match(/(?:^|(?:;\s*))border(?:-\w+)?:\s*([^;]+);?/)?.[1]; + if ( + borderColor && + possibleBorders.some((border) => borderColor.includes(border)) + ) { + borderColors.add(borderColor); + } + const boxShadowStyle = el + .getAttribute("style") + .match(/(?:^|(?:;\s*))box-shadow:\s*([^;]+);?/)?.[0]; + if ( + boxShadowStyle && + possibleBorders.some((border) => boxShadowStyle.includes(border)) + ) { + boxShadows.add(boxShadowStyle); + } + } + cssRoot += `--theme--fg-border: ${defaultBorder};`; + cssBody += ` + .notion-body${modeSelector} ${[...borderColors] + .map( + (border) => + `[style*="${border}"]:is([style*="border:"], + [style*="border-top:"], [style*="border-left:"], + [style*="border-bottom:"], [style*="border-right:"])` + ) + .join(", ")} { + border-color: var(--theme--fg-border, ${defaultBorder}) !important; + } + ${[...boxShadows] + .map( + (shadow) => + `.notion-body${modeSelector} [style*="${shadow}"] { + ${shadow + .replace( + /rgba?\([^\)]+\)/g, + `var(--theme--fg-border, ${defaultBorder})` + ) + .slice(0, -1)} !important; + }` + ) + .join("")} + .notion-body${modeSelector} [style*="height: 1px;"][style*="background"] { + background: var(--theme--fg-border, ${defaultBorder}) !important; + } `; const refs = {}; @@ -115,13 +246,17 @@ const generateForegroundStyles = () => { '.notion-selectable .notion-enable-hover[style*="color:"][style*="fill:"]' )) { if (!el.innerText || el.innerText.includes(" ")) continue; + if (el.getAttribute("style").includes("mono")) continue; const cssVar = `--theme--fg-${el.innerText}`, colorVal = getComputedPropertyValue(el, "color"), - styleAttr = el.getAttribute("style"); + styleAttr = el + .getAttribute("style") + .match(/(?:^|(?:;\s*))color:\s*([^;]+);?/)[1]; cssRoot += `${cssVar}: ${colorVal};`; refs[`${cssVar}, ${colorVal}`] ??= []; refs[`${cssVar}, ${colorVal}`].push( - `.notion-body${modeSelector} .notion-enable-hover[style*="${styleAttr}"]` + `.notion-body${modeSelector} .notion-enable-hover[style*="${styleAttr}"], + .notion-body${modeSelector} .notion-code-block span.token[style*="${styleAttr}"]` ); } // block text color @@ -140,20 +275,20 @@ const generateForegroundStyles = () => { ); } // board text - for (const parent of document.querySelectorAll( + for (const group of document.querySelectorAll( ".notion-board-view .notion-board-group" )) { // get color name from card - const card = parent.querySelector('a[style*="background"]'), + const card = group.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"]'), + const el = group.querySelector('[style*="height: 32px"]'), colorVal = getComputedPropertyValue(el, "color"), cssVar = `--theme--fg-${ // --fg-light_gray doesn't exist innerText === "light_gray" ? "secondary" : innerText }`, - styleAttr = parent + styleAttr = group .getAttribute("style") .match(/background(?:-color)?:\s*([^;]+);?/)[1]; refs[`${cssVar}, ${colorVal}`] ??= []; @@ -175,6 +310,90 @@ const generateForegroundStyles = () => { generateForegroundStyles(); const generateBackgroundStyles = () => { + const defaultPrimary = darkMode ? "rgb(25, 25, 25)" : "rgb(255, 255, 255)", + defaultSecondary = darkMode ? "rgb(32, 32, 32)" : "rgb(251, 251, 250)", + bgPrimary = new Set([ + defaultPrimary, + ...(darkMode + ? ["rgb(37, 37, 37)", "rgba(255, 255, 255, 0.13)"] + : ["white", "rgb(247, 247, 247)"]), + ]), + bgSecondary = new Set([ + defaultSecondary, + ...(darkMode + ? ["rgba(255, 255, 255, 0.0", "rgb(47, 47, 47)"] + : ["rgb(253, 253, 253)", "rgb(15, 15, 15)"]), + ]); + for (const el of document.querySelectorAll( + '[style*="background:"], [style*="background-color:"]' + )) { + const colorVal = el + .getAttribute("style") + .match(/background(?:-color)?:\s*([^;]+);?/)?.[1]; + if (colorVal.startsWith(`rgba(${defaultPrimary.slice(4, -1)}`)) { + const alpha = +colorVal.slice(5, -1).split(", ")[3]; + if (alpha > 0.8) { + bgPrimary.add(colorVal); + } else bgSecondary.add(colorVal); + } + } + cssRoot += ` + --theme--bg-primary: ${defaultPrimary}; + --theme--bg-secondary: ${defaultSecondary}; + `; + const mapBgToSelectors = (colorVal) => + `.notion-body${modeSelector} [style*="background:${colorVal}"], + .notion-body${modeSelector} [style*="background: ${colorVal}"], + .notion-body${modeSelector} [style*="background-color:${colorVal}"], + .notion-body${modeSelector} [style*="background-color: ${colorVal}"]`; + cssBody += ` + ${[...bgPrimary].map(mapBgToSelectors).join(", ")} { + background: var(--theme--bg-primary, ${defaultPrimary}) !important; + } + .notion-body${modeSelector} .notion-focusable-within [style*="background"], + ${[...bgSecondary].map(mapBgToSelectors).join(", ")} { + background: var(--theme--bg-secondary, ${defaultSecondary}) !important; + } + [style*="linear-gradient(to left, ${ + defaultPrimary === "rgb(255, 255, 255)" ? "white" : defaultPrimary + } 20%, rgba(${defaultPrimary.slice(4, -1)}, 0) 100%)"] { + background-image: linear-gradient(to left, + var(--theme--bg-primary, ${defaultPrimary}) 20%, transparent 100%) !important; + } + [style*="linear-gradient(to right, ${ + defaultPrimary === "rgb(255, 255, 255)" ? "white" : defaultPrimary + } 20%, rgba(${defaultPrimary.slice(4, -1)}, 0) 100%)"] { + background-image: linear-gradient(to right, + var(--theme--bg-primary, ${defaultPrimary}) 20%, transparent 100%) !important; + } + `; + + // hovered elements, inputs and unchecked toggle backgrounds + const bgHover = darkMode + ? ["rgba(255, 255, 255, 0.055)", "rgb(47, 47, 47)"] + : [ + "rgba(55, 53, 47, 0.08)", + "rgba(242, 241, 238, 0.6)", + "rgb(225, 225, 225)", + "rgb(239, 239, 238)", + ]; + cssRoot += `--theme--bg-hover: ${bgHover[0]};`; + cssBody += `${bgHover + .map( + (hover) => `.notion-body${modeSelector} :is( + [style*="background: ${hover}"], [style*="background-color: ${hover}"] + )${ + hover === "rgb(47, 47, 47)" + ? '[style*="transition: background"]:hover' + : "" + }` + ) + .join(", ")}, + .notion-body${modeSelector} [style*="height: 14px; width: 26px; border-radius: 44px;"][style*="rgba"] { + background: var(--theme--bg-hover, ${bgHover[0]}) !important; + }`; + + // get bg variable values from tags for (const el of document.querySelectorAll( '.notion-collection_view-block [style*="height: 20px; border-radius: 3px; padding-left: 6px;"]' )) { @@ -186,11 +405,9 @@ const generateBackgroundStyles = () => { const refs = {}; for (const targetSelector of [ // inline highlight - '.notion-selectable .notion-enable-hover[style^="background:"]', + '.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;"]', @@ -209,25 +426,67 @@ const generateBackgroundStyles = () => { ); } } - // board card: in light mode all have bg "white" by default, - // must be styled based on parent - for (const parent of document.querySelectorAll( + // board cards + for (const group 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", ""); + const page = group.querySelector('a[style*="background"]'), + innerText = page.innerText.replace("Drag image to reposition\n", ""); if (!innerText || innerText.includes(" ")) continue; - const cssVar = `--theme--bg-${innerText}`, + const pageVar = `--theme--bg-${innerText}`, + pageColor = getComputedPropertyValue(page, "background-color"), + groupVar = `--theme--bg_dim-${innerText}`, + groupColor = group + .getAttribute("style") + .match(/background(?:-color)?:\s*([^;]+);?/)[1]; + // get bg_dim variable values + cssRoot += `${groupVar}: ${groupColor};`; + // in light mode pages in board views all have bg "white" + // by default, must be styled based on parent + refs[`${pageVar}, ${pageColor}`] ??= []; + refs[`${pageVar}, ${pageColor}`].push( + `.notion-body${modeSelector} .notion-board-view + .notion-board-group[style*="${groupColor}"] a[style*="background"]` + ); + refs[`${groupVar}, ${groupColor}`] ??= []; + refs[`${groupVar}, ${groupColor}`].push( + `.notion-body${modeSelector} .notion-board-view + [style*="${groupColor}"]:is(.notion-board-group, [style*="border-top-left-radius: 5px;"])` + ); + } + // use bg-yellow for notification highlights + refs[`--theme--bg-yellow, rgba(255, 212, 0, 0.14)`] ??= []; + refs[`--theme--bg-yellow, rgba(255, 212, 0, 0.14)`].push( + `.notion-body${modeSelector} [style*="background: rgba(255, 212, 0, 0.14)"]` + ); + // use bg_dim for callout blocks + for (const el of document.querySelectorAll( + '.notion-callout-block > div > [style*="background:"]' + )) { + if (!el.innerText || el.innerText.includes(" ")) continue; + const cssVar = `--theme--bg_dim-${el.innerText}`, colorVal = getComputedPropertyValue(el, "background-color"), - styleAttr = parent + styleAttr = el .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"]` + `.notion-body${modeSelector} .notion-callout-block > div + > [style*="background:"][style*="${styleAttr}"]` ); } + // use light_gray for taglike elements e.g. file property values + const taglikeEl = document.querySelector( + '[style*="height: 18px; border-radius: 3px; background"]' + ), + taglikeBg = taglikeEl + .getAttribute("style") + .match(/background(?:-color)?:\s*([^;]+);?/)[1]; + refs[`--theme--bg-light_gray, ${taglikeBg}`] ??= []; + refs[`--theme--bg-light_gray, ${taglikeBg}`].push( + `[style*="height: 18px; border-radius: 3px; background"][style*="${taglikeBg}"]` + ); + // group selectors with same bg together for (const varRef in refs) { cssBody += `${refs[varRef].join(",")} { background: var(${varRef}) !important; @@ -242,19 +501,33 @@ const generateAccentStyles = () => { const accentPrimary = "rgb(35, 131, 226)", accentPrimaryHover = "rgb(0, 117, 211)", accentPrimaryContrast = "rgb(255, 255, 255)", - accentPrimaryTransparent = "rgba(35, 131, 226, 0.14)", + accentPrimaryTransparent = [ + "rgba(35, 131, 226, 0.14)", + "rgba(35, 131, 226, 0.", + ], + accentPrimaryBoxShadows = [ + "box-shadow: rgb(35, 131, 226) 0px 0px 0px 2px inset", + ], accentSecondary = [ "rgb(235, 87, 87)", "rgb(180, 65, 60)", + "rgb(211, 79, 67)", "rgb(205, 73, 69)", ], accentSecondaryContrast = "rgb(255, 255, 255)", accentSecondaryTransparent = "rgba(235, 87, 87, 0.1)", - accentSecondaryBorder = "1px solid rgb(110, 54, 48)"; + accentSecondaryBorder = [ + "border: 1px solid rgb(110, 54, 48)", + "border: 1px solid rgba(235, 87, 87, 0.5)", + "border: 2px solid rgb(110, 54, 48)", + "border: 2px solid rgb(227, 134, 118)", + "border-right: 1px solid rgb(180, 65, 60)", + "border-right: 1px solid rgb(211, 79, 67)", + ]; cssRoot += `--theme--accent-primary: ${accentPrimary}; --theme--accent-primary_hover: ${accentPrimaryHover}; --theme--accent-primary_contrast: ${accentPrimaryContrast}; - --theme--accent-primary_transparent: ${accentPrimaryTransparent}; + --theme--accent-primary_transparent: ${accentPrimaryTransparent[0]}; --theme--accent-secondary: ${accentSecondary[0]}; --theme--accent-secondary_contrast: ${accentSecondaryContrast}; --theme--accent-secondary_transparent: ${accentSecondaryTransparent};`; @@ -285,29 +558,75 @@ const generateAccentStyles = () => { .notion-table-selection-overlay [style*='border: 2px solid'] { border-color: var(--theme--accent-primary, ${accentPrimary}) !important; } + .notion-focusable-within:focus-within { + box-shadow: var(--theme--accent-primary, ${accentPrimary}) 0px 0px 0px 1px inset, + var(--theme--accent-primary, ${accentPrimary}) 0px 0px 0px 2px !important; + } + .notion-focusable:focus-visible { + box-shadow: var(--theme--accent-primary, ${accentPrimary}) 0px 0px 0px 1px inset, + var(--theme--accent-primary, ${accentPrimary}) 0px 0px 0px 2px !important; + } + ${[...accentPrimaryBoxShadows] + .map( + (shadow) => + `[style*="${shadow}"] { + ${shadow.replace( + /rgba?\([^\)]+\)/g, + `var(--theme--accent-primary, ${accentPrimary})` + )} !important; + }` + ) + .join("")} *::selection, .notion-selectable-halo, - [style*="background: ${accentPrimaryTransparent}"], - [style*="background-color: ${accentPrimaryTransparent}"] { - background: var(--theme--accent-primary_transparent, ${accentPrimaryTransparent}) !important; + #notion-app .rdp-day:not(.rdp-day_disabled):not(.rdp-day_selected):not(.rdp-day_value):not(.rdp-day_start):not(.rdp-day_end):hover, + [style*="background: ${accentPrimaryTransparent[1]}"], + [style*="background-color: ${accentPrimaryTransparent[1]}"] { + background: var(--theme--accent-primary_transparent, ${ + accentPrimaryTransparent[0] + }) !important; } - [style*="color: ${accentSecondary[0]}"], - [style*="color: ${accentSecondary[1]}"], - [style*="fill: ${accentSecondary[0]}"], - [style*="fill: ${accentSecondary[1]}"] { - color: var(--theme--accent-secondary, ${accentSecondary}) !important; + ${accentSecondary + .map( + (accent) => + `[style*="color: ${accent}"], + [style*="fill: ${accent}"]` + ) + .join(", ")} { + color: var(--theme--accent-secondary, ${accentSecondary[0]}) !important; + fill: var(--theme--accent-secondary, ${accentSecondary[0]}) !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; + #notion-app .rdp-day_today:not(.rdp-day_selected):not(.rdp-day_value):not(.rdp-day_start):not(.rdp-day_end)::after, + ${accentSecondary + .map( + (accent) => + `[style*="background: ${accent}"], + [style*="background-color: ${accent}"]` + ) + .join(", ")} { + 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;"] { + #notion-app .rdp-day_today:not(.rdp-day_selected):not(.rdp-day_value):not(.rdp-day_start):not(.rdp-day_end), + :is(${accentSecondary + .map( + (accent) => + `[style*="background: ${accent}"], + [style*="background-color: ${accent}"]` + ) + .join(", ")}) + + :is([style*="fill: white;"], [style*="color: white;"]), + :is(${accentSecondary + .map( + (accent) => + `[style*="background: ${accent}"], + [style*="background-color: ${accent}"]` + ) + .join(", ")}) + :is([style*="fill: white;"], [style*="color: white;"]) { color: var(--theme--accent-secondary_contrast, ${accentSecondaryContrast}) !important; fill: var(--theme--accent-secondary_contrast, ${accentSecondaryContrast}) !important; } @@ -315,10 +634,13 @@ const generateAccentStyles = () => { [style*="background-color: ${accentSecondaryTransparent}"] { background: var(--theme--accent-secondary_transparent, ${accentSecondaryTransparent}) !important; } - [style*="border: ${accentSecondaryBorder}"] { - border-color: var(--theme--accent-secondary, ${accentSecondary[0]}) !important; - } - `; + ${accentSecondaryBorder + .map((border) => `[style*="${border}"]`) + .join(", ")} { + border-color: var(--theme--accent-secondary, ${ + accentSecondary[0] + }) !important; + }`; }; generateAccentStyles(); diff --git a/src/core/client.css b/src/core/client.css index b748f5f..630e7dc 100644 --- a/src/core/client.css +++ b/src/core/client.css @@ -77,3 +77,12 @@ transform: scale(1); transition: transform 80ms ease-in; } + +/* patch: remove backgrounds from prism tokens */ +.notion-light-theme .token.operator, +.notion-light-theme .token.entity, +.notion-light-theme .token.url, +.notion-light-theme .language-css .token.string, +.notion-light-theme .style .token.string { + background: transparent !important; +} diff --git a/src/core/theme.css b/src/core/theme.css index ccb533f..f4eb0a4 100644 --- a/src/core/theme.css +++ b/src/core/theme.css @@ -3,5 +3,5 @@ * (c) 2022 dragonwocky (https://dragonwocky.me/) * (https://notion-enhancer.github.io/) under the MIT license */ - - .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 + +[style*="Segoe UI"]{font-family:var(--theme--font-sans, ui-sans-serif),ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,"Apple Color Emoji",Arial,sans-serif,"Segoe UI Emoji","Segoe UI Symbol"!important}[style*=Georgia]{font-family:var(--theme--font-serif, Lyon-Text),Lyon-Text,Georgia,YuMincho,"Yu Mincho","Hiragino Mincho ProN","Hiragino Mincho Pro","Songti TC","Songti SC",SimSun,"Nanum Myeongjo",NanumMyeongjo,Batang,serif!important}[style*=iawriter-mono]{font-family:var(--theme--font-mono, iawriter-mono),iawriter-mono,Nitti,Menlo,Courier,monospace!important}[style*=SFMono-Regular]{font-family:var(--theme--font-code, SFMono-Regular),SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace!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(255, 255, 255, 0.9)"],.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(255, 255, 255, 0.9)"],.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(255, 255, 255, 0.9)"],.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(255, 255, 255, 0.9)"],.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(255, 255, 255, 0.9)"],.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(255, 255, 255, 0.9)"],.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(255, 255, 255, 0.9)"],.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(255, 255, 255, 0.9)"],.notion-body:not(.dark) [style^="color:rgba(55, 53, 47, 0.85)"]{color:var(--theme--fg-primary,#37352f)!important;caret-color:var(--theme--fg-primary,#37352f)!important;text-decoration-color:currentColor!important;fill:var(--theme--fg-primary,#37352f)!important}.notion-body:not(.dark) .rdp-day.rdp-day_outside,.notion-body:not(.dark) .rdp-head_cell,.notion-body:not(.dark) .rdp-nav_icon,.notion-body:not(.dark) ::placeholder,.notion-body:not(.dark) [style*=" color: rgba(206, 205, 202, 0.6)"],.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(206, 205, 202, 0.6)"],.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(206, 205, 202, 0.6)"],.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(206, 205, 202, 0.6)"],.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(206, 205, 202, 0.6)"],.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(206, 205, 202, 0.6)"],.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(206, 205, 202, 0.6)"],.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(206, 205, 202, 0.6)"],.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,0.6))!important;caret-color:var(--theme--fg-secondary,rgba(25,23,17,0.6))!important;text-decoration-color:currentColor!important;fill:var(--theme--fg-secondary,rgba(25,23,17,0.6))!important}.notion-body:not(.dark) :is([style*="caret-color:rgb(24, 51, 71)"],[style*="caret-color: rgb(24, 51, 71)"]),.notion-body:not(.dark) :is([style*="caret-color:rgb(28, 56, 41)"],[style*="caret-color: rgb(28, 56, 41)"]),.notion-body:not(.dark) :is([style*="caret-color:rgb(50, 48, 44)"],[style*="caret-color: rgb(50, 48, 44)"]),.notion-body:not(.dark) :is([style*="caret-color:rgb(55, 53, 47)"],[style*="caret-color: rgb(55, 53, 47)"]),.notion-body:not(.dark) :is([style*="caret-color:rgb(64, 44, 27)"],[style*="caret-color: rgb(64, 44, 27)"]),.notion-body:not(.dark) :is([style*="caret-color:rgb(65, 36, 84)"],[style*="caret-color: rgb(65, 36, 84)"]),.notion-body:not(.dark) :is([style*="caret-color:rgb(68, 42, 30)"],[style*="caret-color: rgb(68, 42, 30)"]),.notion-body:not(.dark) :is([style*="caret-color:rgb(73, 41, 14)"],[style*="caret-color: rgb(73, 41, 14)"]),.notion-body:not(.dark) :is([style*="caret-color:rgb(76, 35, 55)"],[style*="caret-color: rgb(76, 35, 55)"]),.notion-body:not(.dark) :is([style*="caret-color:rgb(93, 23, 21)"],[style*="caret-color: rgb(93, 23, 21)"]),.notion-body:not(.dark) :is([style*="caret-color:rgba(255, 255, 255, 0.9)"],[style*="caret-color: rgba(255, 255, 255, 0.9)"]),.notion-body:not(.dark) :is([style*="caret-color:rgba(55, 53, 47, 0.85)"],[style*="caret-color: rgba(55, 53, 47, 0.85)"]){caret-color:var(--theme--fg-primary,#37352f)!important}.notion-body:not(.dark) ::placeholder,.notion-body:not(.dark) :is([style*="caret-color:rgba(206, 205, 202, 0.6)"],[style*="caret-color: rgba(206, 205, 202, 0.6)"]),.notion-body:not(.dark) :is([style*="caret-color:rgba(25, 23, 17, 0.6)"],[style*="caret-color: rgba(25, 23, 17, 0.6)"]),.notion-body:not(.dark) :is([style*="caret-color:rgba(55, 53, 47, 0.16)"],[style*="caret-color: rgba(55, 53, 47, 0.16)"]),.notion-body:not(.dark) :is([style*="caret-color:rgba(55, 53, 47, 0.35)"],[style*="caret-color: rgba(55, 53, 47, 0.35)"]),.notion-body:not(.dark) :is([style*="caret-color:rgba(55, 53, 47, 0.45)"],[style*="caret-color: rgba(55, 53, 47, 0.45)"]),.notion-body:not(.dark) :is([style*="caret-color:rgba(55, 53, 47, 0.5)"],[style*="caret-color: rgba(55, 53, 47, 0.5)"]),.notion-body:not(.dark) :is([style*="caret-color:rgba(55, 53, 47, 0.65)"],[style*="caret-color: rgba(55, 53, 47, 0.65)"]){caret-color:var(--theme--fg-secondary,rgba(25,23,17,0.6))!important}.notion-body:not(.dark) [style*="-webkit-text-fill-color:"]{-webkit-text-fill-color:var(--theme--fg-secondary,rgba(25,23,17,0.6))!important}.notion-body:not(.dark) [style*="rgb(238, 238, 237)"]:is([style*="border:"],[style*="border-top:"],[style*="border-left:"],[style*="border-bottom:"],[style*="border-right:"]),[style*="1px solid rgb(233, 233, 231)"]:is([style*="border:"],[style*="border-top:"],[style*="border-left:"],[style*="border-bottom:"],[style*="border-right:"]),[style*="1px solid rgba(55, 53, 47, 0.09)"]:is([style*="border:"],[style*="border-top:"],[style*="border-left:"],[style*="border-bottom:"],[style*="border-right:"]),[style*="1px solid rgba(55, 53, 47, 0.16)"]:is([style*="border:"],[style*="border-top:"],[style*="border-left:"],[style*="border-bottom:"],[style*="border-right:"]),[style*="2px solid rgb(55, 53, 47)"]:is([style*="border:"],[style*="border-top:"],[style*="border-left:"],[style*="border-bottom:"],[style*="border-right:"]){border-color:var(--theme--fg-border,#e9e9e7)!important}.notion-body:not(.dark) [style*="box-shadow: rgba(55, 53, 47, 0.09) 0px -1px 0px;"]{box-shadow:var(--theme--fg-border,#e9e9e7)0-1px 0!important}.notion-body:not(.dark) [style*="box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px inset;"]{box-shadow:var(--theme--fg-border,#e9e9e7)0 0 0 1px inset!important}.notion-body:not(.dark) [style*="box-shadow: white -3px 0px 0px, rgb(233, 233, 231) 0px 1px 0px;"]{box-shadow:#fff -3px 0 0,var(--theme--fg-border,#e9e9e7)0 1px 0!important}.notion-body:not(.dark) [style*="; box-shadow: rgba(55, 53, 47, 0.09) 0px -1px 0px;"]{box-shadow:var(--theme--fg-border,#e9e9e7)0-1px 0!important}.notion-body:not(.dark) [style*="; box-shadow: rgb(233, 233, 231) 0px -1px 0px inset;"]{box-shadow:var(--theme--fg-border,#e9e9e7)0-1px 0 inset!important}.notion-body:not(.dark) [style*="; box-shadow: rgba(55, 53, 47, 0.16) 1px 0px 0px inset;"]{box-shadow:var(--theme--fg-border,#e9e9e7) 1px 0 0 inset!important}.notion-body:not(.dark) [style*="; box-shadow: rgb(233, 233, 231) 0px 1px 0px;"]{box-shadow:var(--theme--fg-border,#e9e9e7)0 1px 0!important}.notion-body:not(.dark) [style*="box-shadow: rgb(233, 233, 231) -1px 0px 0px;"]{box-shadow:var(--theme--fg-border,#e9e9e7) -1px 0 0!important}.notion-body:not(.dark) [style*="height: 1px;"][style*=background]{background:var(--theme--fg-border,#e9e9e7)!important}.notion-body:not(.dark) .notion-code-block span.token[style*="rgba(120, 119, 116, 1)"],.notion-body:not(.dark) .notion-enable-hover[style*="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,#787774)!important;fill:var(--theme--fg-gray,#787774)!important}.notion-body:not(.dark) .notion-code-block span.token[style*="rgba(159, 107, 83, 1)"],.notion-body:not(.dark) .notion-enable-hover[style*="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,#9f6b53)!important;fill:var(--theme--fg-brown,#9f6b53)!important}.notion-body:not(.dark) .notion-code-block span.token[style*="rgba(217, 115, 13, 1)"],.notion-body:not(.dark) .notion-enable-hover[style*="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,#d9730d)!important;fill:var(--theme--fg-orange,#d9730d)!important}.notion-body:not(.dark) .notion-code-block span.token[style*="rgba(203, 145, 47, 1)"],.notion-body:not(.dark) .notion-enable-hover[style*="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,#cb912f)!important;fill:var(--theme--fg-yellow,#cb912f)!important}.notion-body:not(.dark) .notion-code-block span.token[style*="rgba(68, 131, 97, 1)"],.notion-body:not(.dark) .notion-enable-hover[style*="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,#448361)!important;fill:var(--theme--fg-green,#448361)!important}.notion-body:not(.dark) .notion-code-block span.token[style*="rgba(51, 126, 169, 1)"],.notion-body:not(.dark) .notion-enable-hover[style*="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,#337ea9)!important;fill:var(--theme--fg-blue,#337ea9)!important}.notion-body:not(.dark) .notion-code-block span.token[style*="rgba(144, 101, 176, 1)"],.notion-body:not(.dark) .notion-enable-hover[style*="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,#9065b0)!important;fill:var(--theme--fg-purple,#9065b0)!important}.notion-body:not(.dark) .notion-code-block span.token[style*="rgba(193, 76, 138, 1)"],.notion-body:not(.dark) .notion-enable-hover[style*="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,#c14c8a)!important;fill:var(--theme--fg-pink,#c14c8a)!important}.notion-body:not(.dark) .notion-code-block span.token[style*="rgba(212, 76, 71, 1)"],.notion-body:not(.dark) .notion-enable-hover[style*="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,#d44c47)!important;fill:var(--theme--fg-red,#d44c47)!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,0.5))!important;fill:var(--theme--fg-secondary,rgba(145,145,142,0.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,#91918e)!important;fill:var(--theme--fg-gray,#91918e)!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,#bb846c)!important;fill:var(--theme--fg-brown,#bb846c)!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,#d7813a)!important;fill:var(--theme--fg-orange,#d7813a)!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,#cb9433)!important;fill:var(--theme--fg-yellow,#cb9433)!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,#6c9b7d)!important;fill:var(--theme--fg-green,#6c9b7d)!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,#5b97bd)!important;fill:var(--theme--fg-blue,#5b97bd)!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,#a782c3)!important;fill:var(--theme--fg-purple,#a782c3)!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,#cd749f)!important;fill:var(--theme--fg-pink,#cd749f)!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,#e16f64)!important;fill:var(--theme--fg-red,#e16f64)!important}.notion-body:not(.dark) [style*="background-color: rgb(247, 247, 247)"],.notion-body:not(.dark) [style*="background-color: rgb(255, 255, 255)"],.notion-body:not(.dark) [style*="background-color: white"],.notion-body:not(.dark) [style*="background-color:rgb(247, 247, 247)"],.notion-body:not(.dark) [style*="background-color:rgb(255, 255, 255)"],.notion-body:not(.dark) [style*="background-color:white"],.notion-body:not(.dark) [style*="background: rgb(247, 247, 247)"],.notion-body:not(.dark) [style*="background: rgb(255, 255, 255)"],.notion-body:not(.dark) [style*="background: white"],.notion-body:not(.dark) [style*="background:rgb(247, 247, 247)"],.notion-body:not(.dark) [style*="background:rgb(255, 255, 255)"],.notion-body:not(.dark) [style*="background:white"]{background:var(--theme--bg-primary,#fff)!important}.notion-body:not(.dark) .notion-focusable-within [style*=background],.notion-body:not(.dark) [style*="background-color: rgb(15, 15, 15)"],.notion-body:not(.dark) [style*="background-color: rgb(251, 251, 250)"],.notion-body:not(.dark) [style*="background-color: rgb(253, 253, 253)"],.notion-body:not(.dark) [style*="background-color:rgb(15, 15, 15)"],.notion-body:not(.dark) [style*="background-color:rgb(251, 251, 250)"],.notion-body:not(.dark) [style*="background-color:rgb(253, 253, 253)"],.notion-body:not(.dark) [style*="background: rgb(15, 15, 15)"],.notion-body:not(.dark) [style*="background: rgb(251, 251, 250)"],.notion-body:not(.dark) [style*="background: rgb(253, 253, 253)"],.notion-body:not(.dark) [style*="background:rgb(15, 15, 15)"],.notion-body:not(.dark) [style*="background:rgb(251, 251, 250)"],.notion-body:not(.dark) [style*="background:rgb(253, 253, 253)"]{background:var(--theme--bg-secondary,#fbfbfa)!important}[style*="linear-gradient(to left, white 20%, rgba(255, 255, 255, 0) 100%)"]{background-image:linear-gradient(to left,var(--theme--bg-primary,#fff) 20%,transparent 100%)!important}[style*="linear-gradient(to right, white 20%, rgba(255, 255, 255, 0) 100%)"]{background-image:linear-gradient(to right,var(--theme--bg-primary,#fff) 20%,transparent 100%)!important}.notion-body:not(.dark) :is([style*="background: rgb(225, 225, 225)"],[style*="background-color: rgb(225, 225, 225)"]),.notion-body:not(.dark) :is([style*="background: rgb(239, 239, 238)"],[style*="background-color: rgb(239, 239, 238)"]),.notion-body:not(.dark) :is([style*="background: rgba(242, 241, 238, 0.6)"],[style*="background-color: rgba(242, 241, 238, 0.6)"]),.notion-body:not(.dark) :is([style*="background: rgba(55, 53, 47, 0.08)"],[style*="background-color: rgba(55, 53, 47, 0.08)"]),.notion-body:not(.dark) [style*="height: 14px; width: 26px; border-radius: 44px;"][style*=rgba]{background:var(--theme--bg-hover,rgba(55,53,47,0.08))!important}.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,#f1f1ef)!important}.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,#f4eeee)!important}.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,#fbecdd)!important}.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,#fbf3db)!important}.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,#edf3ec)!important}.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,#e7f3f8)!important}.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,0.8))!important}.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,0.8))!important}.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,#fdebec)!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,0.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,#e3e2e0)!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,#eee0da)!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,#fadec9)!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,#fdecc8)!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,#dbeddb)!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,#d3e5ef)!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,#e8deee)!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,#f5e0e9)!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,#ffe2dd)!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,#fff)!important}.notion-body:not(.dark) .notion-board-view [style*="rgba(249, 249, 245, 0.5)"]:is(.notion-board-group,[style*="border-top-left-radius: 5px;"]){background:var(--theme--bg_dim-light_gray,rgba(249,249,245,0.5))!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,#fff)!important}.notion-body:not(.dark) .notion-board-view [style*="rgba(247, 247, 245, 0.7)"]:is(.notion-board-group,[style*="border-top-left-radius: 5px;"]){background:var(--theme--bg_dim-gray,rgba(247,247,245,0.7))!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,#fff)!important}.notion-body:not(.dark) .notion-board-view [style*="rgba(250, 246, 245, 0.7)"]:is(.notion-board-group,[style*="border-top-left-radius: 5px;"]){background:var(--theme--bg_dim-brown,rgba(250,246,245,0.7))!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,#fff)!important}.notion-body:not(.dark) .notion-board-view [style*="rgba(252, 245, 242, 0.7)"]:is(.notion-board-group,[style*="border-top-left-radius: 5px;"]){background:var(--theme--bg_dim-orange,rgba(252,245,242,0.7))!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,#fff)!important}.notion-body:not(.dark) .notion-board-view [style*="rgba(250, 247, 237, 0.7)"]:is(.notion-board-group,[style*="border-top-left-radius: 5px;"]){background:var(--theme--bg_dim-yellow,rgba(250,247,237,0.7))!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,#fff)!important}.notion-body:not(.dark) .notion-board-view [style*="rgba(244, 248, 243, 0.7)"]:is(.notion-board-group,[style*="border-top-left-radius: 5px;"]){background:var(--theme--bg_dim-green,rgba(244,248,243,0.7))!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,#fff)!important}.notion-body:not(.dark) .notion-board-view [style*="rgba(241, 248, 251, 0.7)"]:is(.notion-board-group,[style*="border-top-left-radius: 5px;"]){background:var(--theme--bg_dim-blue,rgba(241,248,251,0.7))!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,#fff)!important}.notion-body:not(.dark) .notion-board-view [style*="rgba(249, 246, 252, 0.7)"]:is(.notion-board-group,[style*="border-top-left-radius: 5px;"]){background:var(--theme--bg_dim-purple,rgba(249,246,252,0.7))!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,#fff)!important}.notion-body:not(.dark) .notion-board-view [style*="rgba(251, 245, 251, 0.7)"]:is(.notion-board-group,[style*="border-top-left-radius: 5px;"]){background:var(--theme--bg_dim-pink,rgba(251,245,251,0.7))!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,#fff)!important}.notion-body:not(.dark) .notion-board-view [style*="rgba(253, 245, 243, 0.7)"]:is(.notion-board-group,[style*="border-top-left-radius: 5px;"]){background:var(--theme--bg_dim-red,rgba(253,245,243,0.7))!important}.notion-body:not(.dark) [style*="background: rgba(255, 212, 0, 0.14)"]{background:var(--theme--bg-yellow,rgba(255,212,0,0.14))!important}.notion-body:not(.dark) .notion-callout-block>div>[style*="background:"][style*="rgb(241, 241, 239)"]{background:var(--theme--bg_dim-gray,#f1f1ef)!important}.notion-body:not(.dark) .notion-callout-block>div>[style*="background:"][style*="rgb(244, 238, 238)"]{background:var(--theme--bg_dim-brown,#f4eeee)!important}.notion-body:not(.dark) .notion-callout-block>div>[style*="background:"][style*="rgb(251, 236, 221)"]{background:var(--theme--bg_dim-orange,#fbecdd)!important}.notion-body:not(.dark) .notion-callout-block>div>[style*="background:"][style*="rgb(251, 243, 219)"]{background:var(--theme--bg_dim-yellow,#fbf3db)!important}.notion-body:not(.dark) .notion-callout-block>div>[style*="background:"][style*="rgb(237, 243, 236)"]{background:var(--theme--bg_dim-green,#edf3ec)!important}.notion-body:not(.dark) .notion-callout-block>div>[style*="background:"][style*="rgb(231, 243, 248)"]{background:var(--theme--bg_dim-blue,#e7f3f8)!important}.notion-body:not(.dark) .notion-callout-block>div>[style*="background:"][style*="rgba(244, 240, 247, 0.8)"]{background:var(--theme--bg_dim-purple,rgba(244,240,247,0.8))!important}.notion-body:not(.dark) .notion-callout-block>div>[style*="background:"][style*="rgba(249, 238, 243, 0.8)"]{background:var(--theme--bg_dim-pink,rgba(249,238,243,0.8))!important}.notion-body:not(.dark) .notion-callout-block>div>[style*="background:"][style*="rgb(253, 235, 236)"]{background:var(--theme--bg_dim-red,#fdebec)!important}[style*="height: 18px; border-radius: 3px; background"][style*="rgba(206, 205, 202, 0.5)"]{background:var(--theme--bg-light_gray,rgba(206,205,202,0.5))!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,#fff)!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,0.15))!important}.notion-body:not(.dark) .notion-code-block>[style*=mono]{color:var(--theme--code-block_fg,#37352f)!important}.notion-body:not(.dark) .notion-code-block>div>[style*=background]{background:var(--theme--code-block_bg,#f7f6f3)!important}.notion-body:not(.dark) .notion-code-block .token.keyword{color:var(--theme--code-keyword,#07a)!important}.notion-body:not(.dark) .notion-code-block .token.builtin{color:var(--theme--code-builtin,#690)!important}.notion-body:not(.dark) .notion-code-block .token.class-name{color:var(--theme--code-class_name,#dd4a68)!important}.notion-body:not(.dark) .notion-code-block .token.function{color:var(--theme--code-function,#dd4a68)!important}.notion-body:not(.dark) .notion-code-block .token.boolean{color:var(--theme--code-boolean,#905)!important}.notion-body:not(.dark) .notion-code-block .token.number{color:var(--theme--code-number,#905)!important}.notion-body:not(.dark) .notion-code-block .token.string{color:var(--theme--code-string,#690)!important}.notion-body:not(.dark) .notion-code-block .token.char{color:var(--theme--code-char,#690)!important}.notion-body:not(.dark) .notion-code-block .token.symbol{color:var(--theme--code-symbol,#905)!important}.notion-body:not(.dark) .notion-code-block .token.regex{color:var(--theme--code-regex,#e90)!important}.notion-body:not(.dark) .notion-code-block .token.url{color:var(--theme--code-url,#9a6e3a)!important}.notion-body:not(.dark) .notion-code-block .token.operator{color:var(--theme--code-operator,#9a6e3a)!important}.notion-body:not(.dark) .notion-code-block .token.variable{color:var(--theme--code-variable,#e90)!important}.notion-body:not(.dark) .notion-code-block .token.constant{color:var(--theme--code-constant,#905)!important}.notion-body:not(.dark) .notion-code-block .token.property{color:var(--theme--code-property,#905)!important}.notion-body:not(.dark) .notion-code-block .token.punctuation{color:var(--theme--code-punctuation,#999)!important}.notion-body:not(.dark) .notion-code-block .token.important{color:var(--theme--code-important,#e90)!important}.notion-body:not(.dark) .notion-code-block .token.comment{color:var(--theme--code-comment,#708090)!important}.notion-body:not(.dark) .notion-code-block .token.tag{color:var(--theme--code-tag,#905)!important}.notion-body:not(.dark) .notion-code-block .token.attr-name{color:var(--theme--code-attr_name,#690)!important}.notion-body:not(.dark) .notion-code-block .token.attr-value{color:var(--theme--code-attr_value,#07a)!important}.notion-body:not(.dark) .notion-code-block .token.namespace{color:var(--theme--code-namespace,#37352f)!important}.notion-body:not(.dark) .notion-code-block .token.prolog{color:var(--theme--code-prolog,#708090)!important}.notion-body:not(.dark) .notion-code-block .token.doctype{color:var(--theme--code-doctype,#708090)!important}.notion-body:not(.dark) .notion-code-block .token.cdata{color:var(--theme--code-cdata,#708090)!important}.notion-body:not(.dark) .notion-code-block .token.entity{color:var(--theme--code-entity,#9a6e3a)!important}.notion-body:not(.dark) .notion-code-block .token.atrule{color:var(--theme--code-atrule,#07a)!important}.notion-body:not(.dark) .notion-code-block .token.selector{color:var(--theme--code-selector,#690)!important}.notion-body:not(.dark) .notion-code-block .token.inserted{color:var(--theme--code-inserted,#690)!important}.notion-body:not(.dark) .notion-code-block .token.deleted{color:var(--theme--code-deleted,#905)!important}.notion-body.dark [style*=" color: rgb(211, 211, 211)"],.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(211, 211, 211)"],.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(211, 211, 211)"],.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(211, 211, 211)"],.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(211, 211, 211)"],.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(211, 211, 211)"],.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(211, 211, 211)"],.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(211, 211, 211)"],.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,0.81))!important;caret-color:var(--theme--fg-primary,rgba(255,255,255,0.81))!important;text-decoration-color:currentColor!important;fill:var(--theme--fg-primary,rgba(255,255,255,0.81))!important}.notion-body.dark .rdp-day.rdp-day_outside,.notion-body.dark .rdp-head_cell,.notion-body.dark .rdp-nav_icon,.notion-body.dark ::placeholder,.notion-body.dark [style*=" color: rgb(127, 127, 127)"],.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(127, 127, 127)"],.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(127, 127, 127)"],.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(127, 127, 127)"],.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(127, 127, 127)"],.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(127, 127, 127)"],.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(127, 127, 127)"],.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(127, 127, 127)"],.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,#9b9b9b)!important;caret-color:var(--theme--fg-secondary,#9b9b9b)!important;text-decoration-color:currentColor!important;fill:var(--theme--fg-secondary,#9b9b9b)!important}.notion-body.dark :is([style*="caret-color:rgb(211, 211, 211)"],[style*="caret-color: rgb(211, 211, 211)"]),.notion-body.dark :is([style*="caret-color:rgb(255, 255, 255)"],[style*="caret-color: rgb(255, 255, 255)"]),.notion-body.dark :is([style*="caret-color:rgba(255, 255, 255, 0.804)"],[style*="caret-color: rgba(255, 255, 255, 0.804)"]),.notion-body.dark :is([style*="caret-color:rgba(255, 255, 255, 0.81)"],[style*="caret-color: rgba(255, 255, 255, 0.81)"]){caret-color:var(--theme--fg-primary,rgba(255,255,255,0.81))!important}.notion-body.dark ::placeholder,.notion-body.dark :is([style*="caret-color:rgb(127, 127, 127)"],[style*="caret-color: rgb(127, 127, 127)"]),.notion-body.dark :is([style*="caret-color:rgb(155, 155, 155)"],[style*="caret-color: rgb(155, 155, 155)"]),.notion-body.dark :is([style*="caret-color:rgba(255, 255, 255, 0.13)"],[style*="caret-color: rgba(255, 255, 255, 0.13)"]),.notion-body.dark :is([style*="caret-color:rgba(255, 255, 255, 0.282)"],[style*="caret-color: rgba(255, 255, 255, 0.282)"]),.notion-body.dark :is([style*="caret-color:rgba(255, 255, 255, 0.443)"],[style*="caret-color: rgba(255, 255, 255, 0.443)"]),.notion-body.dark :is([style*="caret-color:rgba(255, 255, 255, 0.445)"],[style*="caret-color: rgba(255, 255, 255, 0.445)"]){caret-color:var(--theme--fg-secondary,#9b9b9b)!important}.notion-body.dark [style*="-webkit-text-fill-color:"]{-webkit-text-fill-color:var(--theme--fg-secondary,#9b9b9b)!important}.notion-body.dark [style*="rgb(37, 37, 37)"]:is([style*="border:"],[style*="border-top:"],[style*="border-left:"],[style*="border-bottom:"],[style*="border-right:"]),[style*="1px solid rgb(47, 47, 47)"]:is([style*="border:"],[style*="border-top:"],[style*="border-left:"],[style*="border-bottom:"],[style*="border-right:"]),[style*="1px solid rgba(255, 255, 255, 0.094)"]:is([style*="border:"],[style*="border-top:"],[style*="border-left:"],[style*="border-bottom:"],[style*="border-right:"]),[style*="1px solid rgba(255, 255, 255, 0.13)"]:is([style*="border:"],[style*="border-top:"],[style*="border-left:"],[style*="border-bottom:"],[style*="border-right:"]),[style*="2px solid rgba(255, 255, 255, 0.81)"]:is([style*="border:"],[style*="border-top:"],[style*="border-left:"],[style*="border-bottom:"],[style*="border-right:"]){border-color:var(--theme--fg-border,#2f2f2f)!important}.notion-body.dark [style*="box-shadow: rgba(255, 255, 255, 0.094) 0px -1px 0px;"]{box-shadow:var(--theme--fg-border,#2f2f2f)0-1px 0!important}.notion-body.dark [style*="box-shadow: rgba(15, 15, 15, 0.2) 0px 0px 0px 1px inset;"]{box-shadow:var(--theme--fg-border,#2f2f2f)0 0 0 1px inset!important}.notion-body.dark [style*="box-shadow: rgb(25, 25, 25) -3px 0px 0px, rgb(47, 47, 47) 0px 1px 0px;"]{box-shadow:var(--theme--fg-border,#2f2f2f) -3px 0 0,var(--theme--fg-border,#2f2f2f)0 1px 0!important}.notion-body.dark [style*="; box-shadow: rgba(255, 255, 255, 0.05) -1px 0px 0px 0px inset;"]{box-shadow:var(--theme--fg-border,#2f2f2f) -1px 0 0 0 inset!important}.notion-body.dark [style*="; box-shadow: rgba(255, 255, 255, 0.094) 0px -1px 0px;"]{box-shadow:var(--theme--fg-border,#2f2f2f)0-1px 0!important}.notion-body.dark [style*="; box-shadow: rgb(47, 47, 47) 0px -1px 0px inset;"]{box-shadow:var(--theme--fg-border,#2f2f2f)0-1px 0 inset!important}.notion-body.dark [style*="; box-shadow: rgba(255, 255, 255, 0.13) 1px 0px 0px inset;"]{box-shadow:var(--theme--fg-border,#2f2f2f) 1px 0 0 inset!important}.notion-body.dark [style*="; box-shadow: rgb(47, 47, 47) 0px 1px 0px;"]{box-shadow:var(--theme--fg-border,#2f2f2f)0 1px 0!important}.notion-body.dark [style*="box-shadow: rgb(47, 47, 47) -1px 0px 0px;"]{box-shadow:var(--theme--fg-border,#2f2f2f) -1px 0 0!important}.notion-body.dark [style*="height: 1px;"][style*=background]{background:var(--theme--fg-border,#2f2f2f)!important}.notion-body.dark .notion-code-block span.token[style*="rgba(155, 155, 155, 1)"],.notion-body.dark .notion-enable-hover[style*="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,#9b9b9b)!important;fill:var(--theme--fg-gray,#9b9b9b)!important}.notion-body.dark .notion-code-block span.token[style*="rgba(186, 133, 111, 1)"],.notion-body.dark .notion-enable-hover[style*="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,#ba856f)!important;fill:var(--theme--fg-brown,#ba856f)!important}.notion-body.dark .notion-code-block span.token[style*="rgba(199, 125, 72, 1)"],.notion-body.dark .notion-enable-hover[style*="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,#c77d48)!important;fill:var(--theme--fg-orange,#c77d48)!important}.notion-body.dark .notion-code-block span.token[style*="rgba(202, 152, 73, 1)"],.notion-body.dark .notion-enable-hover[style*="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,#ca9849)!important;fill:var(--theme--fg-yellow,#ca9849)!important}.notion-body.dark .notion-code-block span.token[style*="rgba(82, 158, 114, 1)"],.notion-body.dark .notion-enable-hover[style*="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,#529e72)!important;fill:var(--theme--fg-green,#529e72)!important}.notion-body.dark .notion-code-block span.token[style*="rgba(94, 135, 201, 1)"],.notion-body.dark .notion-enable-hover[style*="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,#5e87c9)!important;fill:var(--theme--fg-blue,#5e87c9)!important}.notion-body.dark .notion-code-block span.token[style*="rgba(157, 104, 211, 1)"],.notion-body.dark .notion-enable-hover[style*="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,#9d68d3)!important;fill:var(--theme--fg-purple,#9d68d3)!important}.notion-body.dark .notion-code-block span.token[style*="rgba(209, 87, 150, 1)"],.notion-body.dark .notion-enable-hover[style*="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,#d15796)!important;fill:var(--theme--fg-pink,#d15796)!important}.notion-body.dark .notion-code-block span.token[style*="rgba(223, 84, 82, 1)"],.notion-body.dark .notion-enable-hover[style*="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,#df5452)!important;fill:var(--theme--fg-red,#df5452)!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,#7f7f7f)!important;fill:var(--theme--fg-secondary,#7f7f7f)!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,#7f7f7f)!important;fill:var(--theme--fg-gray,#7f7f7f)!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,#845641)!important;fill:var(--theme--fg-brown,#845641)!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,#a75b1a)!important;fill:var(--theme--fg-orange,#a75b1a)!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,#9b6e23)!important;fill:var(--theme--fg-yellow,#9b6e23)!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,#2d7650)!important;fill:var(--theme--fg-green,#2d7650)!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,#295a95)!important;fill:var(--theme--fg-blue,#295a95)!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,#704a96)!important;fill:var(--theme--fg-purple,#704a96)!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,#903a65)!important;fill:var(--theme--fg-pink,#903a65)!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,#8f3a35)!important;fill:var(--theme--fg-red,#8f3a35)!important}.notion-body.dark [style*="background-color: rgb(25, 25, 25)"],.notion-body.dark [style*="background-color: rgb(37, 37, 37)"],.notion-body.dark [style*="background-color: rgba(255, 255, 255, 0.13)"],.notion-body.dark [style*="background-color:rgb(25, 25, 25)"],.notion-body.dark [style*="background-color:rgb(37, 37, 37)"],.notion-body.dark [style*="background-color:rgba(255, 255, 255, 0.13)"],.notion-body.dark [style*="background: rgb(25, 25, 25)"],.notion-body.dark [style*="background: rgb(37, 37, 37)"],.notion-body.dark [style*="background: rgba(255, 255, 255, 0.13)"],.notion-body.dark [style*="background:rgb(25, 25, 25)"],.notion-body.dark [style*="background:rgb(37, 37, 37)"],.notion-body.dark [style*="background:rgba(255, 255, 255, 0.13)"]{background:var(--theme--bg-primary,#191919)!important}.notion-body.dark .notion-focusable-within [style*=background],.notion-body.dark [style*="background-color: rgb(32, 32, 32)"],.notion-body.dark [style*="background-color: rgb(47, 47, 47)"],.notion-body.dark [style*="background-color: rgba(255, 255, 255, 0.0"],.notion-body.dark [style*="background-color:rgb(32, 32, 32)"],.notion-body.dark [style*="background-color:rgb(47, 47, 47)"],.notion-body.dark [style*="background-color:rgba(255, 255, 255, 0.0"],.notion-body.dark [style*="background: rgb(32, 32, 32)"],.notion-body.dark [style*="background: rgb(47, 47, 47)"],.notion-body.dark [style*="background: rgba(255, 255, 255, 0.0"],.notion-body.dark [style*="background:rgb(32, 32, 32)"],.notion-body.dark [style*="background:rgb(47, 47, 47)"],.notion-body.dark [style*="background:rgba(255, 255, 255, 0.0"]{background:var(--theme--bg-secondary,#202020)!important}[style*="linear-gradient(to left, rgb(25, 25, 25) 20%, rgba(25, 25, 25, 0) 100%)"]{background-image:linear-gradient(to left,var(--theme--bg-primary,#191919) 20%,transparent 100%)!important}[style*="linear-gradient(to right, rgb(25, 25, 25) 20%, rgba(25, 25, 25, 0) 100%)"]{background-image:linear-gradient(to right,var(--theme--bg-primary,#191919) 20%,transparent 100%)!important}.notion-body.dark :is([style*="background: rgb(47, 47, 47)"],[style*="background-color: rgb(47, 47, 47)"])[style*="transition: background"]:hover,.notion-body.dark :is([style*="background: rgba(255, 255, 255, 0.055)"],[style*="background-color: rgba(255, 255, 255, 0.055)"]),.notion-body.dark [style*="height: 14px; width: 26px; border-radius: 44px;"][style*=rgba]{background:var(--theme--bg-hover,rgba(255,255,255,0.055))!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,#2f2f2f)!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,#4a3228)!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,#5c3b23)!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,#564328)!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,#243d30)!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,#143a4e)!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,#3c2d49)!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,#4e2c3c)!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,#522e2a)!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,#373737)!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,#5a5a5a)!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,#603b2c)!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,#854c1d)!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,#89632a)!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,#2b593f)!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,#28456c)!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,#492f64)!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,#69314c)!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,#6e3630)!important}.notion-body.dark .notion-board-view .notion-board-group[style*="rgb(28, 28, 28)"] a[style*=background]{background:var(--theme--bg-light_gray,#2f2f2f)!important}.notion-body.dark .notion-board-view [style*="rgb(28, 28, 28)"]:is(.notion-board-group,[style*="border-top-left-radius: 5px;"]){background:var(--theme--bg_dim-light_gray,#1c1c1c)!important}.notion-body.dark .notion-board-view [style*="rgb(32, 32, 32)"]:is(.notion-board-group,[style*="border-top-left-radius: 5px;"]){background:var(--theme--bg_dim-gray,#202020)!important}.notion-body.dark .notion-board-view .notion-board-group[style*="rgb(35, 30, 28)"] a[style*=background]{background:var(--theme--bg-brown,#362822)!important}.notion-body.dark .notion-board-view [style*="rgb(35, 30, 28)"]:is(.notion-board-group,[style*="border-top-left-radius: 5px;"]){background:var(--theme--bg_dim-brown,#231e1c)!important}.notion-body.dark .notion-board-view .notion-board-group[style*="rgb(37, 31, 27)"] a[style*=background]{background:var(--theme--bg-orange,#422f22)!important}.notion-body.dark .notion-board-view [style*="rgb(37, 31, 27)"]:is(.notion-board-group,[style*="border-top-left-radius: 5px;"]){background:var(--theme--bg_dim-orange,#251f1b)!important}.notion-body.dark .notion-board-view .notion-board-group[style*="rgb(35, 31, 26)"] a[style*=background]{background:var(--theme--bg-yellow,#403324)!important}.notion-body.dark .notion-board-view [style*="rgb(35, 31, 26)"]:is(.notion-board-group,[style*="border-top-left-radius: 5px;"]){background:var(--theme--bg_dim-yellow,#231f1a)!important}.notion-body.dark .notion-board-view .notion-board-group[style*="rgb(29, 34, 32)"] a[style*=background]{background:var(--theme--bg-green,#23312a)!important}.notion-body.dark .notion-board-view [style*="rgb(29, 34, 32)"]:is(.notion-board-group,[style*="border-top-left-radius: 5px;"]){background:var(--theme--bg_dim-green,#1d2220)!important}.notion-body.dark .notion-board-view .notion-board-group[style*="rgb(27, 31, 34)"] a[style*=background]{background:var(--theme--bg-blue,#1b2d38)!important}.notion-body.dark .notion-board-view [style*="rgb(27, 31, 34)"]:is(.notion-board-group,[style*="border-top-left-radius: 5px;"]){background:var(--theme--bg_dim-blue,#1b1f22)!important}.notion-body.dark .notion-board-view .notion-board-group[style*="rgb(31, 29, 33)"] a[style*=background]{background:var(--theme--bg-purple,#302739)!important}.notion-body.dark .notion-board-view [style*="rgb(31, 29, 33)"]:is(.notion-board-group,[style*="border-top-left-radius: 5px;"]){background:var(--theme--bg_dim-purple,#1f1d21)!important}.notion-body.dark .notion-board-view .notion-board-group[style*="rgb(35, 28, 31)"] a[style*=background]{background:var(--theme--bg-pink,#3b2730)!important}.notion-body.dark .notion-board-view [style*="rgb(35, 28, 31)"]:is(.notion-board-group,[style*="border-top-left-radius: 5px;"]){background:var(--theme--bg_dim-pink,#231c1f)!important}.notion-body.dark .notion-board-view .notion-board-group[style*="rgb(36, 30, 29)"] a[style*=background]{background:var(--theme--bg-red,#3e2825)!important}.notion-body.dark .notion-board-view [style*="rgb(36, 30, 29)"]:is(.notion-board-group,[style*="border-top-left-radius: 5px;"]){background:var(--theme--bg_dim-red,#241e1d)!important}.notion-body.dark [style*="background: rgba(255, 212, 0, 0.14)"]{background:var(--theme--bg-yellow,rgba(255,212,0,0.14))!important}.notion-body.dark .notion-callout-block>div>[style*="background:"][style*="rgb(37, 37, 37)"]{background:var(--theme--bg_dim-gray,#252525)!important}.notion-body.dark .notion-callout-block>div>[style*="background:"][style*="rgb(47, 39, 35)"]{background:var(--theme--bg_dim-brown,#2f2723)!important}.notion-body.dark .notion-callout-block>div>[style*="background:"][style*="rgb(56, 40, 30)"]{background:var(--theme--bg_dim-orange,#38281e)!important}.notion-body.dark .notion-callout-block>div>[style*="background:"][style*="rgb(57, 46, 30)"]{background:var(--theme--bg_dim-yellow,#392e1e)!important}.notion-body.dark .notion-callout-block>div>[style*="background:"][style*="rgb(34, 43, 38)"]{background:var(--theme--bg_dim-green,#222b26)!important}.notion-body.dark .notion-callout-block>div>[style*="background:"][style*="rgb(29, 40, 46)"]{background:var(--theme--bg_dim-blue,#1d282e)!important}.notion-body.dark .notion-callout-block>div>[style*="background:"][style*="rgb(43, 36, 49)"]{background:var(--theme--bg_dim-purple,#2b2431)!important}.notion-body.dark .notion-callout-block>div>[style*="background:"][style*="rgb(48, 34, 40)"]{background:var(--theme--bg_dim-pink,#302228)!important}.notion-body.dark .notion-callout-block>div>[style*="background:"][style*="rgb(54, 36, 34)"]{background:var(--theme--bg_dim-red,#362422)!important}[style*="height: 18px; border-radius: 3px; background"][style*="rgba(255, 255, 255, 0.094)"]{background:var(--theme--bg-light_gray,rgba(255,255,255,0.094))!important}[style*="color: rgb(35, 131, 226)"],[style*="fill: rgb(35, 131, 226)"]{color:var(--theme--accent-primary,#2383e2)!important}[style*="background-color: rgb(35, 131, 226)"],[style*="background: rgb(35, 131, 226)"]{background:var(--theme--accent-primary,#2383e2)!important;color:var(--theme--accent-primary_contrast,#fff)!important;fill:var(--theme--accent-primary_contrast,#fff)!important}[style*="border-radius: 44px;"]>[style*="border-radius: 44px; background: white;"]{background:var(--theme--accent-primary_contrast,#fff)!important}[style*="background-color: rgb(0, 117, 211)"],[style*="background: rgb(0, 117, 211)"]{background:var(--theme--accent-primary_hover,#0075d3)!important;color:var(--theme--accent-primary_contrast,#fff)!important;fill:var(--theme--accent-primary_contrast,#fff)!important}.notion-table-selection-overlay [style*="border: 2px solid"]{border-color:var(--theme--accent-primary,#2383e2)!important}.notion-focusable-within:focus-within{box-shadow:var(--theme--accent-primary,#2383e2)0 0 0 1px inset,var(--theme--accent-primary,#2383e2)0 0 0 2px!important}.notion-focusable:focus-visible{box-shadow:var(--theme--accent-primary,#2383e2)0 0 0 1px inset,var(--theme--accent-primary,#2383e2)0 0 0 2px!important}[style*="box-shadow: rgb(35, 131, 226) 0px 0px 0px 2px inset"]{box-shadow:var(--theme--accent-primary,#2383e2)0 0 0 2px inset!important}#notion-app .rdp-day:not(.rdp-day_disabled):not(.rdp-day_selected):not(.rdp-day_value):not(.rdp-day_start):not(.rdp-day_end):hover,.notion-selectable-halo,::selection,[style*="background-color: rgba(35, 131, 226, 0."],[style*="background: rgba(35, 131, 226, 0."]{background:var(--theme--accent-primary_transparent,rgba(35,131,226,0.14))!important}[style*="color: rgb(180, 65, 60)"],[style*="color: rgb(205, 73, 69)"],[style*="color: rgb(211, 79, 67)"],[style*="color: rgb(235, 87, 87)"],[style*="fill: rgb(180, 65, 60)"],[style*="fill: rgb(205, 73, 69)"],[style*="fill: rgb(211, 79, 67)"],[style*="fill: rgb(235, 87, 87)"]{color:var(--theme--accent-secondary,#eb5757)!important;fill:var(--theme--accent-secondary,#eb5757)!important}#notion-app .rdp-day_today:not(.rdp-day_selected):not(.rdp-day_value):not(.rdp-day_start):not(.rdp-day_end)::after,[style*="background-color: rgb(180, 65, 60)"],[style*="background-color: rgb(205, 73, 69)"],[style*="background-color: rgb(211, 79, 67)"],[style*="background-color: rgb(235, 87, 87)"],[style*="background: rgb(180, 65, 60)"],[style*="background: rgb(205, 73, 69)"],[style*="background: rgb(211, 79, 67)"],[style*="background: rgb(235, 87, 87)"]{background:var(--theme--accent-secondary,#eb5757)!important;color:var(--theme--accent-secondary_contrast,#fff)!important;fill:var(--theme--accent-secondary_contrast,#fff)!important}#notion-app .rdp-day_today:not(.rdp-day_selected):not(.rdp-day_value):not(.rdp-day_start):not(.rdp-day_end),:is([style*="background: rgb(235, 87, 87)"],[style*="background-color: rgb(235, 87, 87)"],[style*="background: rgb(180, 65, 60)"],[style*="background-color: rgb(180, 65, 60)"],[style*="background: rgb(211, 79, 67)"],[style*="background-color: rgb(211, 79, 67)"],[style*="background: rgb(205, 73, 69)"],[style*="background-color: rgb(205, 73, 69)"]) :is([style*="fill: white;"],[style*="color: white;"]),:is([style*="background: rgb(235, 87, 87)"],[style*="background-color: rgb(235, 87, 87)"],[style*="background: rgb(180, 65, 60)"],[style*="background-color: rgb(180, 65, 60)"],[style*="background: rgb(211, 79, 67)"],[style*="background-color: rgb(211, 79, 67)"],[style*="background: rgb(205, 73, 69)"],[style*="background-color: rgb(205, 73, 69)"])+:is([style*="fill: white;"],[style*="color: white;"]){color:var(--theme--accent-secondary_contrast,#fff)!important;fill:var(--theme--accent-secondary_contrast,#fff)!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,0.1))!important}[style*="border-right: 1px solid rgb(180, 65, 60)"],[style*="border-right: 1px solid rgb(211, 79, 67)"],[style*="border: 1px solid rgb(110, 54, 48)"],[style*="border: 1px solid rgba(235, 87, 87, 0.5)"],[style*="border: 2px solid rgb(110, 54, 48)"],[style*="border: 2px solid rgb(227, 134, 118)"]{border-color:var(--theme--accent-secondary,#eb5757)!important}.notion-body.dark ::-webkit-scrollbar-track{background:var(--theme--scrollbar-track,rgba(202,204,206,0.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,0.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,0.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,0.03))!important}.notion-body.dark .notion-code-block .token.keyword{color:var(--theme--code-keyword,#d1949e)!important}.notion-body.dark .notion-code-block .token.builtin{color:var(--theme--code-builtin,#bde052)!important}.notion-body.dark .notion-code-block .token.class-name{color:var(--theme--code-class_name,rgba(255,255,255,0.81))!important}.notion-body.dark .notion-code-block .token.function{color:var(--theme--code-function,rgba(255,255,255,0.81))!important}.notion-body.dark .notion-code-block .token.boolean{color:var(--theme--code-boolean,#d1949e)!important}.notion-body.dark .notion-code-block .token.number{color:var(--theme--code-number,#d1949e)!important}.notion-body.dark .notion-code-block .token.string{color:var(--theme--code-string,#bde052)!important}.notion-body.dark .notion-code-block .token.char{color:var(--theme--code-char,#bde052)!important}.notion-body.dark .notion-code-block .token.symbol{color:var(--theme--code-symbol,#d1949e)!important}.notion-body.dark .notion-code-block .token.regex{color:var(--theme--code-regex,#e90)!important}.notion-body.dark .notion-code-block .token.url{color:var(--theme--code-url,#f5b83d)!important}.notion-body.dark .notion-code-block .token.operator{color:var(--theme--code-operator,#f5b83d)!important}.notion-body.dark .notion-code-block .token.variable{color:var(--theme--code-variable,#f5b83d)!important}.notion-body.dark .notion-code-block .token.constant{color:var(--theme--code-constant,#d1949e)!important}.notion-body.dark .notion-code-block .token.property{color:var(--theme--code-property,#d1949e)!important}.notion-body.dark .notion-code-block .token.punctuation{color:var(--theme--code-punctuation,rgba(255,255,255,0.81))!important}.notion-body.dark .notion-code-block .token.important{color:var(--theme--code-important,#e90)!important}.notion-body.dark .notion-code-block .token.comment{color:var(--theme--code-comment,#998066)!important}.notion-body.dark .notion-code-block .token.tag{color:var(--theme--code-tag,#d1949e)!important}.notion-body.dark .notion-code-block .token.attr-name{color:var(--theme--code-attr_name,#bde052)!important}.notion-body.dark .notion-code-block .token.attr-value{color:var(--theme--code-attr_value,#d1949e)!important}.notion-body.dark .notion-code-block .token.namespace{color:var(--theme--code-namespace,rgba(255,255,255,0.81))!important}.notion-body.dark .notion-code-block .token.prolog{color:var(--theme--code-prolog,#998066)!important}.notion-body.dark .notion-code-block .token.doctype{color:var(--theme--code-doctype,#998066)!important}.notion-body.dark .notion-code-block .token.cdata{color:var(--theme--code-cdata,#998066)!important}.notion-body.dark .notion-code-block .token.entity{color:var(--theme--code-entity,#f5b83d)!important}.notion-body.dark .notion-code-block .token.atrule{color:var(--theme--code-atrule,#d1949e)!important}.notion-body.dark .notion-code-block .token.selector{color:var(--theme--code-selector,#bde052)!important}.notion-body.dark .notion-code-block .token.inserted{color:var(--theme--code-inserted,#bde052)!important}.notion-body.dark .notion-code-block .token.deleted{color:var(--theme--code-deleted,red)!important} \ No newline at end of file diff --git a/src/core/theming/_mapColors.js b/src/core/theming/_mapColors.js deleted file mode 100644 index 9798198..0000000 --- a/src/core/theming/_mapColors.js +++ /dev/null @@ -1,545 +0,0 @@ -/** - * notion-enhancer: theming - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -// a development tool used for generating color variables -// and the contents of colors.css - -// included for posterity/updates -// -- not executed by the enhancer at runtime - -const lightGray = { - 'light': { - 'tag': 'rgba(227, 226, 224, 0.5)', - 'tag-text': 'rgb(50, 48, 44)', - 'board': 'rgba(249, 249, 245, 0.5)', - 'board-card': 'white', - 'board-card_text': 'inherit', - 'board-text': 'rgba(145, 145, 142, 0.5)', - }, - 'dark': { - 'tag': 'rgba(71, 76, 80, 0.7)', - 'tag-text': 'rgba(255, 255, 255, 0.88)', - 'board': 'rgba(51, 55, 59, 0.7)', - 'board-card': 'rgba(60, 65, 68, 0.7)', - 'board-card_text': 'inherit', - 'board-text': 'rgba(107, 112, 116, 0.7)', - }, -}; - -const colors = { - 'gray': { - 'light': { - 'text': 'rgba(120, 119, 116, 1)', - 'highlight': 'rgba(241, 241, 239, 1)', - 'highlight-text': 'currentColor', - 'callout': 'rgb(241, 241, 239)', - 'callout-text': 'currentColor', - 'tag': 'rgb(227, 226, 224)', - 'tag-text': 'rgb(50, 48, 44)', - 'board': 'rgba(247, 247, 245, 0.7)', - 'board-card': 'white', - 'board-card_text': 'inherit', - 'board-text': 'rgb(145, 145, 142)', - }, - 'dark': { - 'text': 'rgba(159, 164, 169, 1)', - 'highlight': 'rgba(60, 65, 68, 1)', - 'highlight-text': 'currentColor', - 'callout': 'rgb(60, 65, 68)', - 'callout-text': 'currentColor', - 'tag': 'rgb(71, 76, 80)', - 'tag-text': 'rgba(255, 255, 255, 0.88)', - 'board': 'rgb(51, 55, 59)', - 'board-card': 'rgb(60, 65, 68)', - 'board-card_text': 'inherit', - 'board-text': 'rgb(107, 112, 116)', - }, - }, - 'brown': { - 'light': { - 'text': 'rgba(159, 107, 83, 1)', - 'highlight': 'rgba(244, 238, 238, 1)', - 'highlight-text': 'currentColor', - 'callout': 'rgb(244, 238, 238)', - 'callout-text': 'currentColor', - 'tag': 'rgb(238, 224, 218)', - 'tag-text': 'rgb(68, 42, 30)', - 'board': 'rgba(250, 246, 245, 0.7)', - 'board-card': 'white', - 'board-card_text': 'inherit', - 'board-text': 'rgb(187, 132, 108)', - }, - 'dark': { - 'text': 'rgba(212, 150, 117, 1)', - 'highlight': 'rgba(76, 61, 53, 1)', - 'highlight-text': 'currentColor', - 'callout': 'rgb(76, 61, 53)', - 'callout-text': 'currentColor', - 'tag': 'rgb(92, 71, 61)', - 'tag-text': 'rgba(255, 255, 255, 0.88)', - 'board': 'rgb(59, 54, 51)', - 'board-card': 'rgb(76, 61, 53)', - 'board-card_text': 'inherit', - 'board-text': 'rgb(155, 98, 69)', - }, - }, - 'orange': { - 'light': { - 'text': 'rgba(217, 115, 13, 1)', - 'highlight': 'rgba(251, 236, 221, 1)', - 'highlight-text': 'currentColor', - 'callout': 'rgb(251, 236, 221)', - 'callout-text': 'currentColor', - 'tag': 'rgb(250, 222, 201)', - 'tag-text': 'rgb(73, 41, 14)', - 'board': 'rgba(252, 245, 242, 0.7)', - 'board-card': 'white', - 'board-card_text': 'inherit', - 'board-text': 'rgb(215, 129, 58)', - }, - 'dark': { - 'text': 'rgba(217, 133, 56, 1)', - 'highlight': 'rgba(85, 59, 41, 1)', - 'highlight-text': 'currentColor', - 'callout': 'rgb(85, 59, 41)', - 'callout-text': 'currentColor', - 'tag': 'rgb(136, 84, 44)', - 'tag-text': 'rgba(255, 255, 255, 0.88)', - 'board': 'rgb(61, 54, 49)', - 'board-card': 'rgb(85, 59, 41)', - 'board-text': 'rgb(168, 92, 30)', - }, - }, - 'yellow': { - 'light': { - 'text': 'rgba(203, 145, 47, 1)', - 'highlight': 'rgba(251, 243, 219, 1)', - 'highlight-text': 'currentColor', - 'callout': 'rgb(251, 243, 219)', - 'callout-text': 'currentColor', - 'tag': 'rgb(253, 236, 200)', - 'tag-text': 'rgb(64, 44, 27)', - 'board': 'rgba(250, 247, 237, 0.7)', - 'board-card': 'white', - 'board-card_text': 'inherit', - 'board-text': 'rgb(203, 148, 51)', - }, - 'dark': { - 'text': 'rgba(201, 145, 38, 1)', - 'highlight': 'rgba(79, 64, 41, 1)', - 'highlight-text': 'currentColor', - 'callout': 'rgb(79, 64, 41)', - 'callout-text': 'currentColor', - 'tag': 'rgb(146, 118, 63)', - 'tag-text': 'rgba(255, 255, 255, 0.88)', - 'board': 'rgb(56, 55, 49)', - 'board-card': 'rgb(79, 64, 41)', - 'board-card_text': 'inherit', - 'board-text': 'rgb(137, 107, 42)', - }, - }, - 'green': { - 'light': { - 'text': 'rgba(68, 131, 97, 1)', - 'highlight': 'rgba(237, 243, 236, 1)', - 'highlight-text': 'currentColor', - 'callout': 'rgb(237, 243, 236)', - 'callout-text': 'currentColor', - 'tag': 'rgb(219, 237, 219)', - 'tag-text': 'rgb(28, 56, 41)', - 'board': 'rgba(244, 248, 243, 0.7)', - 'board-card': 'white', - 'board-card_text': 'inherit', - 'board-text': 'rgb(108, 155, 125)', - }, - 'dark': { - 'text': 'rgba(113, 178, 131, 1)', - 'highlight': 'rgba(46, 68, 58, 1)', - 'highlight-text': 'currentColor', - 'callout': 'rgb(46, 68, 58)', - 'callout-text': 'currentColor', - 'tag': 'rgb(50, 82, 65)', - 'tag-text': 'rgba(255, 255, 255, 0.88)', - 'board': 'rgb(49, 57, 53)', - 'board-card': 'rgb(46, 68, 58)', - 'board-card_text': 'inherit', - 'board-text': 'rgb(61, 124, 86)', - }, - }, - 'blue': { - 'light': { - 'text': 'rgba(51, 126, 169, 1)', - 'highlight': 'rgba(231, 243, 248, 1)', - 'highlight-text': 'currentColor', - 'callout': 'rgb(231, 243, 248)', - 'callout-text': 'currentColor', - 'tag': 'rgb(211, 229, 239)', - 'tag-text': 'rgb(24, 51, 71)', - 'board': 'rgba(241, 248, 251, 0.7)', - 'board-card': 'white', - 'board-card_text': 'inherit', - 'board-text': 'rgb(91, 151, 189)', - }, - 'dark': { - 'text': 'rgba(102, 170, 218, 1)', - 'highlight': 'rgba(45, 66, 86, 1)', - 'highlight-text': 'currentColor', - 'callout': 'rgb(45, 66, 86)', - 'callout-text': 'currentColor', - 'tag': 'rgb(42, 78, 107)', - 'tag-text': 'rgba(255, 255, 255, 0.88)', - 'board': 'rgb(49, 56, 64)', - 'board-card': 'rgb(45, 66, 86)', - 'board-card_text': 'inherit', - 'board-text': 'rgb(46, 117, 164)', - }, - }, - 'purple': { - 'light': { - 'text': 'rgba(144, 101, 176, 1)', - 'highlight': 'rgba(244, 240, 247, 0.8)', - 'highlight-text': 'currentColor', - 'callout': 'rgba(244, 240, 247, 0.8)', - 'callout-text': 'currentColor', - 'tag': 'rgb(232, 222, 238)', - 'tag-text': 'rgb(65, 36, 84)', - 'board': 'rgba(249, 246, 252, 0.7)', - 'board-card': 'white', - 'board-card_text': 'inherit', - 'board-text': 'rgb(167, 130, 195)', - }, - 'dark': { - 'text': 'rgba(176, 152, 217, 1)', - 'highlight': 'rgba(69, 58, 91, 1)', - 'highlight-text': 'currentColor', - 'callout': 'rgb(69, 58, 91)', - 'callout-text': 'currentColor', - 'tag': 'rgb(83, 68, 116)', - 'tag-text': 'rgba(255, 255, 255, 0.88)', - 'board': 'rgb(57, 53, 65)', - 'board-card': 'rgb(69, 58, 91)', - 'board-card_text': 'inherit', - 'board-text': 'rgb(123, 96, 180)', - }, - }, - 'pink': { - 'light': { - 'text': 'rgba(193, 76, 138, 1)', - 'highlight': 'rgba(249, 238, 243, 0.8)', - 'highlight-text': 'currentColor', - 'callout': 'rgba(249, 238, 243, 0.8)', - 'callout-text': 'currentColor', - 'tag': 'rgb(245, 224, 233)', - 'tag-text': 'rgb(76, 35, 55)', - 'board': 'rgba(251, 245, 251, 0.7)', - 'board-card': 'white', - 'board-card_text': 'inherit', - 'board-text': 'rgb(205, 116, 159)', - }, - 'dark': { - 'text': 'rgba(223, 132, 209, 1)', - 'highlight': 'rgba(81, 56, 77, 1)', - 'highlight-text': 'currentColor', - 'callout': 'rgb(81, 56, 77)', - 'callout-text': 'currentColor', - 'tag': 'rgb(106, 59, 99)', - 'tag-text': 'rgba(255, 255, 255, 0.88)', - 'board': 'rgb(60, 53, 58)', - 'board-card': 'rgb(81, 56, 77)', - 'board-card_text': 'inherit', - 'board-text': 'rgb(169, 76, 157)', - }, - }, - 'red': { - 'light': { - 'text': 'rgba(212, 76, 71, 1)', - 'highlight': 'rgba(253, 235, 236, 1)', - 'highlight-text': 'currentColor', - 'callout': 'rgb(253, 235, 236)', - 'callout-text': 'currentColor', - 'tag': 'rgb(255, 226, 221)', - 'tag-text': 'rgb(93, 23, 21)', - 'board': 'rgba(253, 245, 243, 0.7)', - 'board-card': 'white', - 'board-card_text': 'inherit', - 'board-text': 'rgb(225, 111, 100)', - }, - 'dark': { - 'text': 'rgba(234, 135, 140, 1)', - 'highlight': 'rgba(94, 52, 54, 1)', - 'highlight-text': 'currentColor', - 'callout': 'rgb(94, 52, 54)', - 'callout-text': 'currentColor', - 'tag': 'rgb(122, 54, 59)', - 'tag-text': 'rgba(255, 255, 255, 0.88)', - 'board': 'rgb(66, 51, 51)', - 'board-card': 'rgb(94, 52, 54)', - 'board-card_text': 'inherit', - 'board-text': 'rgb(194, 65, 82)', - }, - }, -}; - -function css() { - const rgb = (color) => - color.startsWith('rgba') && color.endsWith(', 1)') - ? `rgb(${color.slice(5, -4)})` - : color, - notCallout = ":not([style*='border-radius'])", - notBoardCard = ":not([style*='box-shadow'])", - isTag = - "[style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;']", - isTagPalette = "[style*='border-radius: 3px;'][style*='width: 18px; height: 18px;']", - isHighlightPalette = - "[style*='align-items: center; justify-content: center; width: 22px; height: 22px;'][style*='border-radius: 3px; font-weight: 500;']"; - let css = ''; - - // generate light gray separately - css += ` - - /* light gray */ - - .notion-body:not(.dark) [style*='background: ${lightGray.light['tag']}']${isTag}, - .notion-body.dark [style*='background: ${lightGray.dark['tag']}']${isTag} { - background: var(--theme--tag_light_gray) !important; - color: var(--theme--tag_light_gray-text) !important; - } - - .notion-body:not(.dark) [style*='background: ${ - lightGray.light['tag'] - }']${isTagPalette}, - .notion-body.dark [style*='background: ${ - lightGray.dark['board-text'] - }']${isTagPalette} { - background: var(--theme--tag_light_gray) !important; - color: var(--theme--tag_light_gray-text) !important; - } - - .notion-body:not(.dark) - .notion-board-group[style*='background-color: ${lightGray.light['board']}'], - .notion-body.dark - .notion-board-group[style*='background-color: ${lightGray.dark['board']}'], - .notion-body:not(.dark) .notion-board-view > .notion-selectable > :first-child > :nth-child(2) - [style*='background-color: ${lightGray.light['board']}'], - .notion-body.dark .notion-board-view > .notion-selectable > :first-child > :nth-child(2) - [style*='background-color: ${lightGray.dark['board']}'] { - background: var(--theme--board_light_gray) !important; - color: var(--theme--board_light_gray-text) !important; - } - .notion-body:not(.dark) - .notion-board-group[style*='background-color: ${lightGray.light['board']}'] - > [data-block-id] > [rel='noopener noreferrer'], - .notion-body.dark - .notion-board-group[style*='background-color: ${lightGray.dark['board']}'] - > [data-block-id] > [rel='noopener noreferrer'] { - background: var(--theme--board_light_gray-card) !important; - color: var(--theme--board_light_gray-card_text) !important; - } - .notion-body.dark - .notion-board-group[style*='background-color: ${lightGray.dark['board']}'] - > [data-block-id] > [rel='noopener noreferrer'] [placeholder="Untitled"] { - -webkit-text-fill-color: var(--theme--board_light_gray-card_text, var(--theme--board_light_gray-text)) !important; - } - .notion-body:not(.dark) - .notion-board-group[style*='background-color: ${lightGray.light['board']}'] - > [data-block-id] > [rel='noopener noreferrer'] > .notion-focusable:hover { - background: rgba(255, 255, 255, 0.2) !important; - } - .notion-body.dark - .notion-board-group[style*='background-color: ${lightGray.dark['board']}'] - > [data-block-id] > [rel='noopener noreferrer'] > .notion-focusable:hover { - background: rgba(0, 0, 0, 0.1) !important; - } - .notion-body:not(.dark) .notion-board-view - [style*='color: ${lightGray.light['board-text']}'], - .notion-body.dark .notion-board-view [style*='color: ${lightGray.dark['board-text']}'], - .notion-body:not(.dark) .notion-board-view - [style*='fill: ${lightGray.light['board-text']}'], - .notion-body.dark .notion-board-view [style*='fill: ${lightGray.dark['board-text']}'] { - color: var(--theme--board_light_gray-text) !important; - fill: var(--theme--board_light_gray-text) !important; - } - `; - - // generate the rest of the colours - for (const c in colors) { - css += ` - - /* ${c} */ - - .notion-body:not(.dark) [style*='color: ${rgb(colors[c].light['text'])}'], - .notion-body:not(.dark) [style*='color:${colors[c].light['text']}'], - .notion-body.dark [style*='color: ${rgb(colors[c].dark['text'])}'], - .notion-body.dark [style*='color:${colors[c].dark['text']}'] { - color: var(--theme--text_${c}) !important; - fill: var(--theme--text_${c}) !important; - } - - - .notion-body:not(.dark) [style*='background: ${ - colors[c].light['highlight'] - }']${notCallout}${notBoardCard}, - .notion-body:not(.dark) [style*='background:${ - colors[c].light['highlight'] - }']${notCallout}${notBoardCard}, - .notion-body:not(.dark) [style*='background: ${rgb( - colors[c].light['highlight'] - )}']${notCallout}${notBoardCard}, - .notion-body:not(.dark) [style*='background:${rgb( - colors[c].light['highlight'] - )}']${notCallout}${notBoardCard}, - .notion-body:not(.dark) [style*='background-color: ${ - colors[c].light['highlight'] - }']${notCallout}${notBoardCard}, - .notion-body.dark [style*='background: ${ - colors[c].dark['highlight'] - }']${notCallout}${notBoardCard}, - .notion-body.dark [style*='background:${ - colors[c].dark['highlight'] - }']${notCallout}${notBoardCard}, - .notion-body.dark [style*='background: ${rgb( - colors[c].dark['highlight'] - )}']${notCallout}${notBoardCard}, - .notion-body.dark [style*='background:${rgb( - colors[c].dark['highlight'] - )}']${notCallout}${notBoardCard}, - .notion-body.dark [style*='background-color: ${ - colors[c].dark['highlight'] - }']${notCallout}${notBoardCard} { - background: var(--theme--highlight_${c}) !important; - color: var(--theme--highlight_${c}-text) !important; - } - - .notion-body:not(.dark) .notion-callout-block > div - > [style*='background: ${colors[c].light['callout']}'], - .notion-body.dark .notion-callout-block > div - > [style*='background: ${colors[c].dark['callout']}'] { - background: var(--theme--callout_${c}) !important; - color: var(--theme--callout_${c}-text) !important; - } - .notion-body:not(.dark) [style*='background: ${colors[c].light['tag']}']${isTag}, - .notion-body.dark [style*='background: ${colors[c].dark['tag']}']${isTag} { - background: var(--theme--tag_${c}) !important; - color: var(--theme--tag_${c}-text) !important; - } - - .notion-body:not(.dark) [style*='background: ${ - colors[c].light['callout'] - }']${isHighlightPalette}, - .notion-body.dark [style*='background: ${ - colors[c].dark['callout'] - }']${isHighlightPalette} { - background: var(--theme--highlight_${c}) !important; - color: var(--theme--highlight_${c}-text) !important; - } - .notion-body:not(.dark) [style*='background: ${ - colors[c].light['tag'] - }']${isTagPalette}, - .notion-body.dark [style*='background: ${ - colors[c].dark['board-text'] - }']${isTagPalette} { - background: var(--theme--tag_${c}) !important; - color: var(--theme--tag_${c}-text) !important; - } - - .notion-body:not(.dark) - .notion-board-group[style*='background-color: ${colors[c].light['board']}'], - .notion-body.dark - .notion-board-group[style*='background-color: ${colors[c].dark['board']}'], - .notion-body:not(.dark) .notion-board-view > .notion-selectable > :first-child > :nth-child(2) - [style*='background-color: ${colors[c].light['board']}'], - .notion-body.dark .notion-board-view > .notion-selectable > :first-child > :nth-child(2) - [style*='background-color: ${colors[c].dark['board']}'] { - background: var(--theme--board_${c}) !important; - color: var(--theme--board_${c}-text) !important; - } - .notion-body:not(.dark) - .notion-board-group[style*='background-color: ${colors[c].light['board']}'] - > [data-block-id] > [rel='noopener noreferrer'], - .notion-body.dark - .notion-board-group[style*='background-color: ${colors[c].dark['board']}'] - > [data-block-id] > [rel='noopener noreferrer'] { - background: var(--theme--board_${c}-card) !important; - color: var(--theme--board_${c}-card_text) !important; - } - .notion-body.dark - .notion-board-group[style*='background-color: ${colors[c].dark['board']}'] - > [data-block-id] > [rel='noopener noreferrer'] [placeholder="Untitled"] { - -webkit-text-fill-color: var(--theme--board_${c}-card_text, var(--theme--board_${c}-text)) !important; - } - .notion-body:not(.dark) - .notion-board-group[style*='background-color: ${colors[c].light['board']}'] - > [data-block-id] > [rel='noopener noreferrer'] > .notion-focusable:hover { - background: rgba(255, 255, 255, 0.2) !important; - } - .notion-body.dark - .notion-board-group[style*='background-color: ${colors[c].dark['board']}'] - > [data-block-id] > [rel='noopener noreferrer'] > .notion-focusable:hover { - background: rgba(0, 0, 0, 0.1) !important; - } - .notion-body:not(.dark) .notion-board-view - [style*='color: ${colors[c].light['board-text']}'], - .notion-body.dark .notion-board-view [style*='color: ${ - colors[c].dark['board-text'] - }'], - .notion-body:not(.dark) .notion-board-view - [style*='fill: ${colors[c].light['board-text']}'], - .notion-body.dark .notion-board-view [style*='fill: ${ - colors[c].dark['board-text'] - }'] { - color: var(--theme--board_${c}-text) !important; - fill: var(--theme--board_${c}-text) !important; - } - `; - } - return css; -} - -// 'light' or 'dark' -function vars(mode) { - // order in which variables will appear - const sets = { - 'text': '', - 'highlight': '', - 'callout': '', - // tag_default has the same color in light and dark - 'tag': '--theme--tag_default: rgba(206, 205, 202, 0.5);\n--theme--tag_default-text: var(--theme--text);\n', - 'board': '' - }; - - // light gray separately - for (let key in lightGray[mode]) { - const prefix = key.split('-')[0], - value = lightGray[mode][key]; - if (!sets[prefix]) sets[prefix] = ''; - key = [`--theme--${prefix}_light_gray`, ...key.split('-').slice(1)].join('-'); - sets[prefix] += `${key}: ${value};\n`; - } - - // other colors - for (const color in colors) { - for (let key in colors[color][mode]) { - const prefix = key.split('-')[0], - value = colors[color][mode][key]; - if (!sets[prefix]) sets[prefix] = ''; - key = [`--theme--${prefix}_${color}`, ...key.split('-').slice(1)].join('-'); - sets[prefix] += `${key}: ${value};\n`; - } - } - let vars = ''; - for (const set in sets) { - vars += `\n${sets[set]}`; - } - return vars; -} - -if (process.argv.includes('css')) { - console.log(css()); -} else if (process.argv.includes('light')) { - console.log(vars('light')); -} else if (process.argv.includes('dark')) { - console.log(vars('dark')); -} diff --git a/src/core/theming/client.mjs b/src/core/theming/client.mjs deleted file mode 100644 index 88060be..0000000 --- a/src/core/theming/client.mjs +++ /dev/null @@ -1,58 +0,0 @@ -/** - * notion-enhancer: theming - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -'use strict'; - -export default async function ({ web, registry, storage, electron }, db) { - const enabledThemes = await registry.list( - async (m) => (await registry.enabled(m.id)) && m.tags.includes('theme') - ); - if (enabledThemes.length || (await db.get(['force_load']))) { - // only override colors if theme is enable for perf - web.loadStylesheet('repo/theming/theme.css'); - web.loadStylesheet('repo/theming/colors.css'); - } - - const updateTheme = async () => { - if (document.visibilityState !== 'visible' && !document.hasFocus()) return; - const isDark = - document.querySelector('.notion-dark-theme') || - document.querySelector('.notion-body.dark'), - isLight = document.querySelector('.notion-light-theme'), - mode = isDark ? 'dark' : isLight ? 'light' : ''; - if (!mode) return; - await storage.set(['theme'], mode); - document.documentElement.classList.add(mode); - document.documentElement.classList.remove(mode === 'light' ? 'dark' : 'light'); - electron.sendMessage('update-theme'); - const searchThemeVars = [ - 'bg', - 'text', - 'icon', - 'icon_secondary', - 'accent_blue', - 'accent_blue-text', - 'accent_blue-hover', - 'accent_blue-active', - 'ui_shadow', - 'ui_divider', - 'ui_input', - 'ui_interactive-hover', - 'ui_interactive-active', - ].map((key) => [ - key, - window.getComputedStyle(document.documentElement).getPropertyValue(`--theme--${key}`), - ]); - electron.sendMessage('set-search-theme', searchThemeVars); - }; - web.addDocumentObserver((mutation) => { - const potentialThemeChange = mutation.target.matches?.('html, body, .notion-app-inner'); - if (potentialThemeChange && document.hasFocus()) updateTheme(); - }); - updateTheme(); - document.addEventListener('visibilitychange', updateTheme); - document.addEventListener('focus', updateTheme); -} diff --git a/src/core/theming/colors.css b/src/core/theming/colors.css deleted file mode 100644 index d615c01..0000000 --- a/src/core/theming/colors.css +++ /dev/null @@ -1,1218 +0,0 @@ -/** - * notion-enhancer: theming - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -/* light gray */ - -.notion-body:not(.dark) - [style*='background: rgba(227, 226, 224, 0.5)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'], -.notion-body.dark - [style*='background: rgba(71, 76, 80, 0.7)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'] { - background: var(--theme--tag_light_gray) !important; - color: var(--theme--tag_light_gray-text) !important; -} - -.notion-body:not(.dark) - [style*='background: rgba(227, 226, 224, 0.5)'][style*='border-radius: 3px;'][style*='width: 18px; height: 18px;'], -.notion-body.dark - [style*='background: rgba(107, 112, 116, 0.7)'][style*='border-radius: 3px;'][style*='width: 18px; height: 18px;'] { - background: var(--theme--tag_light_gray) !important; - color: var(--theme--tag_light_gray-text) !important; -} - -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(249, 249, 245, 0.5)'], -.notion-body.dark .notion-board-group[style*='background-color: rgba(51, 55, 59, 0.7)'], -.notion-body:not(.dark) - .notion-board-view - > .notion-selectable - > :first-child - > :nth-child(2) - [style*='background-color: rgba(249, 249, 245, 0.5)'], -.notion-body.dark - .notion-board-view - > .notion-selectable - > :first-child - > :nth-child(2) - [style*='background-color: rgba(51, 55, 59, 0.7)'] { - background: var(--theme--board_light_gray) !important; - color: var(--theme--board_light_gray-text) !important; -} -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(249, 249, 245, 0.5)'] - > [data-block-id] - > [rel='noopener noreferrer'], -.notion-body.dark - .notion-board-group[style*='background-color: rgba(51, 55, 59, 0.7)'] - > [data-block-id] - > [rel='noopener noreferrer'] { - background: var(--theme--board_light_gray-card) !important; - color: var(--theme--board_light_gray-card_text) !important; -} -.notion-body.dark - .notion-board-group[style*='background-color: rgba(51, 55, 59, 0.7)'] - > [data-block-id] - > [rel='noopener noreferrer'] - [placeholder='Untitled'] { - -webkit-text-fill-color: var( - --theme--board_light_gray-card_text, - var(--theme--board_light_gray-text) - ) !important; -} -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(249, 249, 245, 0.5)'] - > [data-block-id] - > [rel='noopener noreferrer'] - > .notion-focusable:hover { - background: rgba(255, 255, 255, 0.2) !important; -} -.notion-body.dark - .notion-board-group[style*='background-color: rgba(51, 55, 59, 0.7)'] - > [data-block-id] - > [rel='noopener noreferrer'] - > .notion-focusable:hover { - background: rgba(0, 0, 0, 0.1) !important; -} -.notion-body:not(.dark) .notion-board-view [style*='color: rgba(145, 145, 142, 0.5)'], -.notion-body.dark .notion-board-view [style*='color: rgba(107, 112, 116, 0.7)'], -.notion-body:not(.dark) .notion-board-view [style*='fill: rgba(145, 145, 142, 0.5)'], -.notion-body.dark .notion-board-view [style*='fill: rgba(107, 112, 116, 0.7)'] { - color: var(--theme--board_light_gray-text) !important; - fill: var(--theme--board_light_gray-text) !important; -} - -/* gray */ - -.notion-body:not(.dark) [style*='color: rgb(120, 119, 116)'], -.notion-body:not(.dark) [style*='color:rgba(120, 119, 116, 1)'], -.notion-body.dark [style*='color: rgb(159, 164, 169)'], -.notion-body.dark [style*='color:rgba(159, 164, 169, 1)'] { - color: var(--theme--text_gray) !important; - fill: var(--theme--text_gray) !important; -} - -.notion-body:not(.dark) - [style*='background: rgba(241, 241, 239, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background:rgba(241, 241, 239, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background: rgb(241, 241, 239)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background:rgb(241, 241, 239)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background-color: rgba(241, 241, 239, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background: rgba(60, 65, 68, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background:rgba(60, 65, 68, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background: rgb(60, 65, 68)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background:rgb(60, 65, 68)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background-color: rgba(60, 65, 68, 1)']:not([style*='border-radius']):not([style*='box-shadow']) { - background: var(--theme--highlight_gray) !important; - color: var(--theme--highlight_gray-text) !important; -} - -.notion-body:not(.dark) - .notion-callout-block - > div - > [style*='background: rgb(241, 241, 239)'], -.notion-body.dark .notion-callout-block > div > [style*='background: rgb(60, 65, 68)'] { - background: var(--theme--callout_gray) !important; - color: var(--theme--callout_gray-text) !important; -} -.notion-body:not(.dark) - [style*='background: rgb(227, 226, 224)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'], -.notion-body.dark - [style*='background: rgb(71, 76, 80)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'] { - background: var(--theme--tag_gray) !important; - color: var(--theme--tag_gray-text) !important; -} - -.notion-body:not(.dark) - [style*='background: rgb(241, 241, 239)'][style*='align-items: center; justify-content: center; width: 22px; height: 22px;'][style*='border-radius: 3px; font-weight: 500;'], -.notion-body.dark - [style*='background: rgb(60, 65, 68)'][style*='align-items: center; justify-content: center; width: 22px; height: 22px;'][style*='border-radius: 3px; font-weight: 500;'] { - background: var(--theme--highlight_gray) !important; - color: var(--theme--highlight_gray-text) !important; -} -.notion-body:not(.dark) - [style*='background: rgb(227, 226, 224)'][style*='border-radius: 3px;'][style*='width: 18px; height: 18px;'], -.notion-body.dark - [style*='background: rgb(107, 112, 116)'][style*='border-radius: 3px;'][style*='width: 18px; height: 18px;'] { - background: var(--theme--tag_gray) !important; - color: var(--theme--tag_gray-text) !important; -} - -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(247, 247, 245, 0.7)'], -.notion-body.dark .notion-board-group[style*='background-color: rgb(51, 55, 59)'], -.notion-body:not(.dark) - .notion-board-view - > .notion-selectable - > :first-child - > :nth-child(2) - [style*='background-color: rgba(247, 247, 245, 0.7)'], -.notion-body.dark - .notion-board-view - > .notion-selectable - > :first-child - > :nth-child(2) - [style*='background-color: rgb(51, 55, 59)'] { - background: var(--theme--board_gray) !important; - color: var(--theme--board_gray-text) !important; -} -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(247, 247, 245, 0.7)'] - > [data-block-id] - > [rel='noopener noreferrer'], -.notion-body.dark - .notion-board-group[style*='background-color: rgb(51, 55, 59)'] - > [data-block-id] - > [rel='noopener noreferrer'] { - background: var(--theme--board_gray-card) !important; - color: var(--theme--board_gray-card_text) !important; -} -.notion-body.dark - .notion-board-group[style*='background-color: rgb(51, 55, 59)'] - > [data-block-id] - > [rel='noopener noreferrer'] - [placeholder='Untitled'] { - -webkit-text-fill-color: var( - --theme--board_gray-card_text, - var(--theme--board_gray-text) - ) !important; -} -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(247, 247, 245, 0.7)'] - > [data-block-id] - > [rel='noopener noreferrer'] - > .notion-focusable:hover { - background: rgba(255, 255, 255, 0.2) !important; -} -.notion-body.dark - .notion-board-group[style*='background-color: rgb(51, 55, 59)'] - > [data-block-id] - > [rel='noopener noreferrer'] - > .notion-focusable:hover { - background: rgba(0, 0, 0, 0.1) !important; -} -.notion-body:not(.dark) .notion-board-view [style*='color: rgb(145, 145, 142)'], -.notion-body.dark .notion-board-view [style*='color: rgb(107, 112, 116)'], -.notion-body:not(.dark) .notion-board-view [style*='fill: rgb(145, 145, 142)'], -.notion-body.dark .notion-board-view [style*='fill: rgb(107, 112, 116)'] { - color: var(--theme--board_gray-text) !important; - fill: var(--theme--board_gray-text) !important; -} - -/* brown */ - -.notion-body:not(.dark) [style*='color: rgb(159, 107, 83)'], -.notion-body:not(.dark) [style*='color:rgba(159, 107, 83, 1)'], -.notion-body.dark [style*='color: rgb(212, 150, 117)'], -.notion-body.dark [style*='color:rgba(212, 150, 117, 1)'] { - color: var(--theme--text_brown) !important; - fill: var(--theme--text_brown) !important; -} - -.notion-body:not(.dark) - [style*='background: rgba(244, 238, 238, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background:rgba(244, 238, 238, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background: rgb(244, 238, 238)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background:rgb(244, 238, 238)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background-color: rgba(244, 238, 238, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background: rgba(76, 61, 53, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background:rgba(76, 61, 53, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background: rgb(76, 61, 53)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background:rgb(76, 61, 53)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background-color: rgba(76, 61, 53, 1)']:not([style*='border-radius']):not([style*='box-shadow']) { - background: var(--theme--highlight_brown) !important; - color: var(--theme--highlight_brown-text) !important; -} - -.notion-body:not(.dark) - .notion-callout-block - > div - > [style*='background: rgb(244, 238, 238)'], -.notion-body.dark .notion-callout-block > div > [style*='background: rgb(76, 61, 53)'] { - background: var(--theme--callout_brown) !important; - color: var(--theme--callout_brown-text) !important; -} -.notion-body:not(.dark) - [style*='background: rgb(238, 224, 218)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'], -.notion-body.dark - [style*='background: rgb(92, 71, 61)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'] { - background: var(--theme--tag_brown) !important; - color: var(--theme--tag_brown-text) !important; -} - -.notion-body:not(.dark) - [style*='background: rgb(244, 238, 238)'][style*='align-items: center; justify-content: center; width: 22px; height: 22px;'][style*='border-radius: 3px; font-weight: 500;'], -.notion-body.dark - [style*='background: rgb(76, 61, 53)'][style*='align-items: center; justify-content: center; width: 22px; height: 22px;'][style*='border-radius: 3px; font-weight: 500;'] { - background: var(--theme--highlight_brown) !important; - color: var(--theme--highlight_brown-text) !important; -} -.notion-body:not(.dark) - [style*='background: rgb(238, 224, 218)'][style*='border-radius: 3px;'][style*='width: 18px; height: 18px;'], -.notion-body.dark - [style*='background: rgb(155, 98, 69)'][style*='border-radius: 3px;'][style*='width: 18px; height: 18px;'] { - background: var(--theme--tag_brown) !important; - color: var(--theme--tag_brown-text) !important; -} - -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(250, 246, 245, 0.7)'], -.notion-body.dark .notion-board-group[style*='background-color: rgb(59, 54, 51)'], -.notion-body:not(.dark) - .notion-board-view - > .notion-selectable - > :first-child - > :nth-child(2) - [style*='background-color: rgba(250, 246, 245, 0.7)'], -.notion-body.dark - .notion-board-view - > .notion-selectable - > :first-child - > :nth-child(2) - [style*='background-color: rgb(59, 54, 51)'] { - background: var(--theme--board_brown) !important; - color: var(--theme--board_brown-text) !important; -} -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(250, 246, 245, 0.7)'] - > [data-block-id] - > [rel='noopener noreferrer'], -.notion-body.dark - .notion-board-group[style*='background-color: rgb(59, 54, 51)'] - > [data-block-id] - > [rel='noopener noreferrer'] { - background: var(--theme--board_brown-card) !important; - color: var(--theme--board_brown-card_text) !important; -} -.notion-body.dark - .notion-board-group[style*='background-color: rgb(59, 54, 51)'] - > [data-block-id] - > [rel='noopener noreferrer'] - [placeholder='Untitled'] { - -webkit-text-fill-color: var( - --theme--board_brown-card_text, - var(--theme--board_brown-text) - ) !important; -} -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(250, 246, 245, 0.7)'] - > [data-block-id] - > [rel='noopener noreferrer'] - > .notion-focusable:hover { - background: rgba(255, 255, 255, 0.2) !important; -} -.notion-body.dark - .notion-board-group[style*='background-color: rgb(59, 54, 51)'] - > [data-block-id] - > [rel='noopener noreferrer'] - > .notion-focusable:hover { - background: rgba(0, 0, 0, 0.1) !important; -} -.notion-body:not(.dark) .notion-board-view [style*='color: rgb(187, 132, 108)'], -.notion-body.dark .notion-board-view [style*='color: rgb(155, 98, 69)'], -.notion-body:not(.dark) .notion-board-view [style*='fill: rgb(187, 132, 108)'], -.notion-body.dark .notion-board-view [style*='fill: rgb(155, 98, 69)'] { - color: var(--theme--board_brown-text) !important; - fill: var(--theme--board_brown-text) !important; -} - -/* orange */ - -.notion-body:not(.dark) [style*='color: rgb(217, 115, 13)'], -.notion-body:not(.dark) [style*='color:rgba(217, 115, 13, 1)'], -.notion-body.dark [style*='color: rgb(217, 133, 56)'], -.notion-body.dark [style*='color:rgba(217, 133, 56, 1)'] { - color: var(--theme--text_orange) !important; - fill: var(--theme--text_orange) !important; -} - -.notion-body:not(.dark) - [style*='background: rgba(251, 236, 221, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background:rgba(251, 236, 221, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background: rgb(251, 236, 221)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background:rgb(251, 236, 221)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background-color: rgba(251, 236, 221, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background: rgba(85, 59, 41, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background:rgba(85, 59, 41, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background: rgb(85, 59, 41)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background:rgb(85, 59, 41)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background-color: rgba(85, 59, 41, 1)']:not([style*='border-radius']):not([style*='box-shadow']) { - background: var(--theme--highlight_orange) !important; - color: var(--theme--highlight_orange-text) !important; -} - -.notion-body:not(.dark) - .notion-callout-block - > div - > [style*='background: rgb(251, 236, 221)'], -.notion-body.dark .notion-callout-block > div > [style*='background: rgb(85, 59, 41)'] { - background: var(--theme--callout_orange) !important; - color: var(--theme--callout_orange-text) !important; -} -.notion-body:not(.dark) - [style*='background: rgb(250, 222, 201)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'], -.notion-body.dark - [style*='background: rgb(136, 84, 44)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'] { - background: var(--theme--tag_orange) !important; - color: var(--theme--tag_orange-text) !important; -} - -.notion-body:not(.dark) - [style*='background: rgb(251, 236, 221)'][style*='align-items: center; justify-content: center; width: 22px; height: 22px;'][style*='border-radius: 3px; font-weight: 500;'], -.notion-body.dark - [style*='background: rgb(85, 59, 41)'][style*='align-items: center; justify-content: center; width: 22px; height: 22px;'][style*='border-radius: 3px; font-weight: 500;'] { - background: var(--theme--highlight_orange) !important; - color: var(--theme--highlight_orange-text) !important; -} -.notion-body:not(.dark) - [style*='background: rgb(250, 222, 201)'][style*='border-radius: 3px;'][style*='width: 18px; height: 18px;'], -.notion-body.dark - [style*='background: rgb(168, 92, 30)'][style*='border-radius: 3px;'][style*='width: 18px; height: 18px;'] { - background: var(--theme--tag_orange) !important; - color: var(--theme--tag_orange-text) !important; -} - -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(252, 245, 242, 0.7)'], -.notion-body.dark .notion-board-group[style*='background-color: rgb(61, 54, 49)'], -.notion-body:not(.dark) - .notion-board-view - > .notion-selectable - > :first-child - > :nth-child(2) - [style*='background-color: rgba(252, 245, 242, 0.7)'], -.notion-body.dark - .notion-board-view - > .notion-selectable - > :first-child - > :nth-child(2) - [style*='background-color: rgb(61, 54, 49)'] { - background: var(--theme--board_orange) !important; - color: var(--theme--board_orange-text) !important; -} -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(252, 245, 242, 0.7)'] - > [data-block-id] - > [rel='noopener noreferrer'], -.notion-body.dark - .notion-board-group[style*='background-color: rgb(61, 54, 49)'] - > [data-block-id] - > [rel='noopener noreferrer'] { - background: var(--theme--board_orange-card) !important; - color: var(--theme--board_orange-card_text) !important; -} -.notion-body.dark - .notion-board-group[style*='background-color: rgb(61, 54, 49)'] - > [data-block-id] - > [rel='noopener noreferrer'] - [placeholder='Untitled'] { - -webkit-text-fill-color: var( - --theme--board_orange-card_text, - var(--theme--board_orange-text) - ) !important; -} -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(252, 245, 242, 0.7)'] - > [data-block-id] - > [rel='noopener noreferrer'] - > .notion-focusable:hover { - background: rgba(255, 255, 255, 0.2) !important; -} -.notion-body.dark - .notion-board-group[style*='background-color: rgb(61, 54, 49)'] - > [data-block-id] - > [rel='noopener noreferrer'] - > .notion-focusable:hover { - background: rgba(0, 0, 0, 0.1) !important; -} -.notion-body:not(.dark) .notion-board-view [style*='color: rgb(215, 129, 58)'], -.notion-body.dark .notion-board-view [style*='color: rgb(168, 92, 30)'], -.notion-body:not(.dark) .notion-board-view [style*='fill: rgb(215, 129, 58)'], -.notion-body.dark .notion-board-view [style*='fill: rgb(168, 92, 30)'] { - color: var(--theme--board_orange-text) !important; - fill: var(--theme--board_orange-text) !important; -} - -/* yellow */ - -.notion-body:not(.dark) [style*='color: rgb(203, 145, 47)'], -.notion-body:not(.dark) [style*='color:rgba(203, 145, 47, 1)'], -.notion-body.dark [style*='color: rgb(201, 145, 38)'], -.notion-body.dark [style*='color:rgba(201, 145, 38, 1)'] { - color: var(--theme--text_yellow) !important; - fill: var(--theme--text_yellow) !important; -} - -.notion-body:not(.dark) - [style*='background: rgba(251, 243, 219, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background:rgba(251, 243, 219, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background: rgb(251, 243, 219)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background:rgb(251, 243, 219)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background-color: rgba(251, 243, 219, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background: rgba(79, 64, 41, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background:rgba(79, 64, 41, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background: rgb(79, 64, 41)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background:rgb(79, 64, 41)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background-color: rgba(79, 64, 41, 1)']:not([style*='border-radius']):not([style*='box-shadow']) { - background: var(--theme--highlight_yellow) !important; - color: var(--theme--highlight_yellow-text) !important; -} - -.notion-body:not(.dark) - .notion-callout-block - > div - > [style*='background: rgb(251, 243, 219)'], -.notion-body.dark .notion-callout-block > div > [style*='background: rgb(79, 64, 41)'] { - background: var(--theme--callout_yellow) !important; - color: var(--theme--callout_yellow-text) !important; -} -.notion-body:not(.dark) - [style*='background: rgb(253, 236, 200)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'], -.notion-body.dark - [style*='background: rgb(146, 118, 63)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'] { - background: var(--theme--tag_yellow) !important; - color: var(--theme--tag_yellow-text) !important; -} - -.notion-body:not(.dark) - [style*='background: rgb(251, 243, 219)'][style*='align-items: center; justify-content: center; width: 22px; height: 22px;'][style*='border-radius: 3px; font-weight: 500;'], -.notion-body.dark - [style*='background: rgb(79, 64, 41)'][style*='align-items: center; justify-content: center; width: 22px; height: 22px;'][style*='border-radius: 3px; font-weight: 500;'] { - background: var(--theme--highlight_yellow) !important; - color: var(--theme--highlight_yellow-text) !important; -} -.notion-body:not(.dark) - [style*='background: rgb(253, 236, 200)'][style*='border-radius: 3px;'][style*='width: 18px; height: 18px;'], -.notion-body.dark - [style*='background: rgb(137, 107, 42)'][style*='border-radius: 3px;'][style*='width: 18px; height: 18px;'] { - background: var(--theme--tag_yellow) !important; - color: var(--theme--tag_yellow-text) !important; -} - -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(250, 247, 237, 0.7)'], -.notion-body.dark .notion-board-group[style*='background-color: rgb(56, 55, 49)'], -.notion-body:not(.dark) - .notion-board-view - > .notion-selectable - > :first-child - > :nth-child(2) - [style*='background-color: rgba(250, 247, 237, 0.7)'], -.notion-body.dark - .notion-board-view - > .notion-selectable - > :first-child - > :nth-child(2) - [style*='background-color: rgb(56, 55, 49)'] { - background: var(--theme--board_yellow) !important; - color: var(--theme--board_yellow-text) !important; -} -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(250, 247, 237, 0.7)'] - > [data-block-id] - > [rel='noopener noreferrer'], -.notion-body.dark - .notion-board-group[style*='background-color: rgb(56, 55, 49)'] - > [data-block-id] - > [rel='noopener noreferrer'] { - background: var(--theme--board_yellow-card) !important; - color: var(--theme--board_yellow-card_text) !important; -} -.notion-body.dark - .notion-board-group[style*='background-color: rgb(56, 55, 49)'] - > [data-block-id] - > [rel='noopener noreferrer'] - [placeholder='Untitled'] { - -webkit-text-fill-color: var( - --theme--board_yellow-card_text, - var(--theme--board_yellow-text) - ) !important; -} -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(250, 247, 237, 0.7)'] - > [data-block-id] - > [rel='noopener noreferrer'] - > .notion-focusable:hover { - background: rgba(255, 255, 255, 0.2) !important; -} -.notion-body.dark - .notion-board-group[style*='background-color: rgb(56, 55, 49)'] - > [data-block-id] - > [rel='noopener noreferrer'] - > .notion-focusable:hover { - background: rgba(0, 0, 0, 0.1) !important; -} -.notion-body:not(.dark) .notion-board-view [style*='color: rgb(203, 148, 51)'], -.notion-body.dark .notion-board-view [style*='color: rgb(137, 107, 42)'], -.notion-body:not(.dark) .notion-board-view [style*='fill: rgb(203, 148, 51)'], -.notion-body.dark .notion-board-view [style*='fill: rgb(137, 107, 42)'] { - color: var(--theme--board_yellow-text) !important; - fill: var(--theme--board_yellow-text) !important; -} - -/* green */ - -.notion-body:not(.dark) [style*='color: rgb(68, 131, 97)'], -.notion-body:not(.dark) [style*='color:rgba(68, 131, 97, 1)'], -.notion-body.dark [style*='color: rgb(113, 178, 131)'], -.notion-body.dark [style*='color:rgba(113, 178, 131, 1)'] { - color: var(--theme--text_green) !important; - fill: var(--theme--text_green) !important; -} - -.notion-body:not(.dark) - [style*='background: rgba(237, 243, 236, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background:rgba(237, 243, 236, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background: rgb(237, 243, 236)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background:rgb(237, 243, 236)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background-color: rgba(237, 243, 236, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background: rgba(46, 68, 58, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background:rgba(46, 68, 58, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background: rgb(46, 68, 58)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background:rgb(46, 68, 58)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background-color: rgba(46, 68, 58, 1)']:not([style*='border-radius']):not([style*='box-shadow']) { - background: var(--theme--highlight_green) !important; - color: var(--theme--highlight_green-text) !important; -} - -.notion-body:not(.dark) - .notion-callout-block - > div - > [style*='background: rgb(237, 243, 236)'], -.notion-body.dark .notion-callout-block > div > [style*='background: rgb(46, 68, 58)'] { - background: var(--theme--callout_green) !important; - color: var(--theme--callout_green-text) !important; -} -.notion-body:not(.dark) - [style*='background: rgb(219, 237, 219)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'], -.notion-body.dark - [style*='background: rgb(50, 82, 65)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'] { - background: var(--theme--tag_green) !important; - color: var(--theme--tag_green-text) !important; -} - -.notion-body:not(.dark) - [style*='background: rgb(237, 243, 236)'][style*='align-items: center; justify-content: center; width: 22px; height: 22px;'][style*='border-radius: 3px; font-weight: 500;'], -.notion-body.dark - [style*='background: rgb(46, 68, 58)'][style*='align-items: center; justify-content: center; width: 22px; height: 22px;'][style*='border-radius: 3px; font-weight: 500;'] { - background: var(--theme--highlight_green) !important; - color: var(--theme--highlight_green-text) !important; -} -.notion-body:not(.dark) - [style*='background: rgb(219, 237, 219)'][style*='border-radius: 3px;'][style*='width: 18px; height: 18px;'], -.notion-body.dark - [style*='background: rgb(61, 124, 86)'][style*='border-radius: 3px;'][style*='width: 18px; height: 18px;'] { - background: var(--theme--tag_green) !important; - color: var(--theme--tag_green-text) !important; -} - -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(244, 248, 243, 0.7)'], -.notion-body.dark .notion-board-group[style*='background-color: rgb(49, 57, 53)'], -.notion-body:not(.dark) - .notion-board-view - > .notion-selectable - > :first-child - > :nth-child(2) - [style*='background-color: rgba(244, 248, 243, 0.7)'], -.notion-body.dark - .notion-board-view - > .notion-selectable - > :first-child - > :nth-child(2) - [style*='background-color: rgb(49, 57, 53)'] { - background: var(--theme--board_green) !important; - color: var(--theme--board_green-text) !important; -} -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(244, 248, 243, 0.7)'] - > [data-block-id] - > [rel='noopener noreferrer'], -.notion-body.dark - .notion-board-group[style*='background-color: rgb(49, 57, 53)'] - > [data-block-id] - > [rel='noopener noreferrer'] { - background: var(--theme--board_green-card) !important; - color: var(--theme--board_green-card_text) !important; -} -.notion-body.dark - .notion-board-group[style*='background-color: rgb(49, 57, 53)'] - > [data-block-id] - > [rel='noopener noreferrer'] - [placeholder='Untitled'] { - -webkit-text-fill-color: var( - --theme--board_green-card_text, - var(--theme--board_green-text) - ) !important; -} -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(244, 248, 243, 0.7)'] - > [data-block-id] - > [rel='noopener noreferrer'] - > .notion-focusable:hover { - background: rgba(255, 255, 255, 0.2) !important; -} -.notion-body.dark - .notion-board-group[style*='background-color: rgb(49, 57, 53)'] - > [data-block-id] - > [rel='noopener noreferrer'] - > .notion-focusable:hover { - background: rgba(0, 0, 0, 0.1) !important; -} -.notion-body:not(.dark) .notion-board-view [style*='color: rgb(108, 155, 125)'], -.notion-body.dark .notion-board-view [style*='color: rgb(61, 124, 86)'], -.notion-body:not(.dark) .notion-board-view [style*='fill: rgb(108, 155, 125)'], -.notion-body.dark .notion-board-view [style*='fill: rgb(61, 124, 86)'] { - color: var(--theme--board_green-text) !important; - fill: var(--theme--board_green-text) !important; -} - -/* blue */ - -.notion-body:not(.dark) [style*='color: rgb(51, 126, 169)'], -.notion-body:not(.dark) [style*='color:rgba(51, 126, 169, 1)'], -.notion-body.dark [style*='color: rgb(102, 170, 218)'], -.notion-body.dark [style*='color:rgba(102, 170, 218, 1)'] { - color: var(--theme--text_blue) !important; - fill: var(--theme--text_blue) !important; -} - -.notion-body:not(.dark) - [style*='background: rgba(231, 243, 248, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background:rgba(231, 243, 248, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background: rgb(231, 243, 248)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background:rgb(231, 243, 248)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background-color: rgba(231, 243, 248, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background: rgba(45, 66, 86, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background:rgba(45, 66, 86, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background: rgb(45, 66, 86)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background:rgb(45, 66, 86)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background-color: rgba(45, 66, 86, 1)']:not([style*='border-radius']):not([style*='box-shadow']) { - background: var(--theme--highlight_blue) !important; - color: var(--theme--highlight_blue-text) !important; -} - -.notion-body:not(.dark) - .notion-callout-block - > div - > [style*='background: rgb(231, 243, 248)'], -.notion-body.dark .notion-callout-block > div > [style*='background: rgb(45, 66, 86)'] { - background: var(--theme--callout_blue) !important; - color: var(--theme--callout_blue-text) !important; -} -.notion-body:not(.dark) - [style*='background: rgb(211, 229, 239)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'], -.notion-body.dark - [style*='background: rgb(42, 78, 107)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'] { - background: var(--theme--tag_blue) !important; - color: var(--theme--tag_blue-text) !important; -} - -.notion-body:not(.dark) - [style*='background: rgb(231, 243, 248)'][style*='align-items: center; justify-content: center; width: 22px; height: 22px;'][style*='border-radius: 3px; font-weight: 500;'], -.notion-body.dark - [style*='background: rgb(45, 66, 86)'][style*='align-items: center; justify-content: center; width: 22px; height: 22px;'][style*='border-radius: 3px; font-weight: 500;'] { - background: var(--theme--highlight_blue) !important; - color: var(--theme--highlight_blue-text) !important; -} -.notion-body:not(.dark) - [style*='background: rgb(211, 229, 239)'][style*='border-radius: 3px;'][style*='width: 18px; height: 18px;'], -.notion-body.dark - [style*='background: rgb(46, 117, 164)'][style*='border-radius: 3px;'][style*='width: 18px; height: 18px;'] { - background: var(--theme--tag_blue) !important; - color: var(--theme--tag_blue-text) !important; -} - -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(241, 248, 251, 0.7)'], -.notion-body.dark .notion-board-group[style*='background-color: rgb(49, 56, 64)'], -.notion-body:not(.dark) - .notion-board-view - > .notion-selectable - > :first-child - > :nth-child(2) - [style*='background-color: rgba(241, 248, 251, 0.7)'], -.notion-body.dark - .notion-board-view - > .notion-selectable - > :first-child - > :nth-child(2) - [style*='background-color: rgb(49, 56, 64)'] { - background: var(--theme--board_blue) !important; - color: var(--theme--board_blue-text) !important; -} -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(241, 248, 251, 0.7)'] - > [data-block-id] - > [rel='noopener noreferrer'], -.notion-body.dark - .notion-board-group[style*='background-color: rgb(49, 56, 64)'] - > [data-block-id] - > [rel='noopener noreferrer'] { - background: var(--theme--board_blue-card) !important; - color: var(--theme--board_blue-card_text) !important; -} -.notion-body.dark - .notion-board-group[style*='background-color: rgb(49, 56, 64)'] - > [data-block-id] - > [rel='noopener noreferrer'] - [placeholder='Untitled'] { - -webkit-text-fill-color: var( - --theme--board_blue-card_text, - var(--theme--board_blue-text) - ) !important; -} -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(241, 248, 251, 0.7)'] - > [data-block-id] - > [rel='noopener noreferrer'] - > .notion-focusable:hover { - background: rgba(255, 255, 255, 0.2) !important; -} -.notion-body.dark - .notion-board-group[style*='background-color: rgb(49, 56, 64)'] - > [data-block-id] - > [rel='noopener noreferrer'] - > .notion-focusable:hover { - background: rgba(0, 0, 0, 0.1) !important; -} -.notion-body:not(.dark) .notion-board-view [style*='color: rgb(91, 151, 189)'], -.notion-body.dark .notion-board-view [style*='color: rgb(46, 117, 164)'], -.notion-body:not(.dark) .notion-board-view [style*='fill: rgb(91, 151, 189)'], -.notion-body.dark .notion-board-view [style*='fill: rgb(46, 117, 164)'] { - color: var(--theme--board_blue-text) !important; - fill: var(--theme--board_blue-text) !important; -} - -/* purple */ - -.notion-body:not(.dark) [style*='color: rgb(144, 101, 176)'], -.notion-body:not(.dark) [style*='color:rgba(144, 101, 176, 1)'], -.notion-body.dark [style*='color: rgb(176, 152, 217)'], -.notion-body.dark [style*='color:rgba(176, 152, 217, 1)'] { - color: var(--theme--text_purple) !important; - fill: var(--theme--text_purple) !important; -} - -.notion-body:not(.dark) - [style*='background: rgba(244, 240, 247, 0.8)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background:rgba(244, 240, 247, 0.8)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background: rgba(244, 240, 247, 0.8)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background:rgba(244, 240, 247, 0.8)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background-color: rgba(244, 240, 247, 0.8)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background: rgba(69, 58, 91, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background:rgba(69, 58, 91, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background: rgb(69, 58, 91)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background:rgb(69, 58, 91)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background-color: rgba(69, 58, 91, 1)']:not([style*='border-radius']):not([style*='box-shadow']) { - background: var(--theme--highlight_purple) !important; - color: var(--theme--highlight_purple-text) !important; -} - -.notion-body:not(.dark) - .notion-callout-block - > div - > [style*='background: rgba(244, 240, 247, 0.8)'], -.notion-body.dark .notion-callout-block > div > [style*='background: rgb(69, 58, 91)'] { - background: var(--theme--callout_purple) !important; - color: var(--theme--callout_purple-text) !important; -} -.notion-body:not(.dark) - [style*='background: rgb(232, 222, 238)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'], -.notion-body.dark - [style*='background: rgb(83, 68, 116)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'] { - background: var(--theme--tag_purple) !important; - color: var(--theme--tag_purple-text) !important; -} - -.notion-body:not(.dark) - [style*='background: rgba(244, 240, 247, 0.8)'][style*='align-items: center; justify-content: center; width: 22px; height: 22px;'][style*='border-radius: 3px; font-weight: 500;'], -.notion-body.dark - [style*='background: rgb(69, 58, 91)'][style*='align-items: center; justify-content: center; width: 22px; height: 22px;'][style*='border-radius: 3px; font-weight: 500;'] { - background: var(--theme--highlight_purple) !important; - color: var(--theme--highlight_purple-text) !important; -} -.notion-body:not(.dark) - [style*='background: rgb(232, 222, 238)'][style*='border-radius: 3px;'][style*='width: 18px; height: 18px;'], -.notion-body.dark - [style*='background: rgb(123, 96, 180)'][style*='border-radius: 3px;'][style*='width: 18px; height: 18px;'] { - background: var(--theme--tag_purple) !important; - color: var(--theme--tag_purple-text) !important; -} - -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(249, 246, 252, 0.7)'], -.notion-body.dark .notion-board-group[style*='background-color: rgb(57, 53, 65)'], -.notion-body:not(.dark) - .notion-board-view - > .notion-selectable - > :first-child - > :nth-child(2) - [style*='background-color: rgba(249, 246, 252, 0.7)'], -.notion-body.dark - .notion-board-view - > .notion-selectable - > :first-child - > :nth-child(2) - [style*='background-color: rgb(57, 53, 65)'] { - background: var(--theme--board_purple) !important; - color: var(--theme--board_purple-text) !important; -} -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(249, 246, 252, 0.7)'] - > [data-block-id] - > [rel='noopener noreferrer'], -.notion-body.dark - .notion-board-group[style*='background-color: rgb(57, 53, 65)'] - > [data-block-id] - > [rel='noopener noreferrer'] { - background: var(--theme--board_purple-card) !important; - color: var(--theme--board_purple-card_text) !important; -} -.notion-body.dark - .notion-board-group[style*='background-color: rgb(57, 53, 65)'] - > [data-block-id] - > [rel='noopener noreferrer'] - [placeholder='Untitled'] { - -webkit-text-fill-color: var( - --theme--board_purple-card_text, - var(--theme--board_purple-text) - ) !important; -} -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(249, 246, 252, 0.7)'] - > [data-block-id] - > [rel='noopener noreferrer'] - > .notion-focusable:hover { - background: rgba(255, 255, 255, 0.2) !important; -} -.notion-body.dark - .notion-board-group[style*='background-color: rgb(57, 53, 65)'] - > [data-block-id] - > [rel='noopener noreferrer'] - > .notion-focusable:hover { - background: rgba(0, 0, 0, 0.1) !important; -} -.notion-body:not(.dark) .notion-board-view [style*='color: rgb(167, 130, 195)'], -.notion-body.dark .notion-board-view [style*='color: rgb(123, 96, 180)'], -.notion-body:not(.dark) .notion-board-view [style*='fill: rgb(167, 130, 195)'], -.notion-body.dark .notion-board-view [style*='fill: rgb(123, 96, 180)'] { - color: var(--theme--board_purple-text) !important; - fill: var(--theme--board_purple-text) !important; -} - -/* pink */ - -.notion-body:not(.dark) [style*='color: rgb(193, 76, 138)'], -.notion-body:not(.dark) [style*='color:rgba(193, 76, 138, 1)'], -.notion-body.dark [style*='color: rgb(223, 132, 209)'], -.notion-body.dark [style*='color:rgba(223, 132, 209, 1)'] { - color: var(--theme--text_pink) !important; - fill: var(--theme--text_pink) !important; -} - -.notion-body:not(.dark) - [style*='background: rgba(249, 238, 243, 0.8)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background:rgba(249, 238, 243, 0.8)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background: rgba(249, 238, 243, 0.8)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background:rgba(249, 238, 243, 0.8)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background-color: rgba(249, 238, 243, 0.8)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background: rgba(81, 56, 77, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background:rgba(81, 56, 77, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background: rgb(81, 56, 77)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background:rgb(81, 56, 77)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background-color: rgba(81, 56, 77, 1)']:not([style*='border-radius']):not([style*='box-shadow']) { - background: var(--theme--highlight_pink) !important; - color: var(--theme--highlight_pink-text) !important; -} - -.notion-body:not(.dark) - .notion-callout-block - > div - > [style*='background: rgba(249, 238, 243, 0.8)'], -.notion-body.dark .notion-callout-block > div > [style*='background: rgb(81, 56, 77)'] { - background: var(--theme--callout_pink) !important; - color: var(--theme--callout_pink-text) !important; -} -.notion-body:not(.dark) - [style*='background: rgb(245, 224, 233)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'], -.notion-body.dark - [style*='background: rgb(106, 59, 99)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'] { - background: var(--theme--tag_pink) !important; - color: var(--theme--tag_pink-text) !important; -} - -.notion-body:not(.dark) - [style*='background: rgba(249, 238, 243, 0.8)'][style*='align-items: center; justify-content: center; width: 22px; height: 22px;'][style*='border-radius: 3px; font-weight: 500;'], -.notion-body.dark - [style*='background: rgb(81, 56, 77)'][style*='align-items: center; justify-content: center; width: 22px; height: 22px;'][style*='border-radius: 3px; font-weight: 500;'] { - background: var(--theme--highlight_pink) !important; - color: var(--theme--highlight_pink-text) !important; -} -.notion-body:not(.dark) - [style*='background: rgb(245, 224, 233)'][style*='border-radius: 3px;'][style*='width: 18px; height: 18px;'], -.notion-body.dark - [style*='background: rgb(169, 76, 157)'][style*='border-radius: 3px;'][style*='width: 18px; height: 18px;'] { - background: var(--theme--tag_pink) !important; - color: var(--theme--tag_pink-text) !important; -} - -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(251, 245, 251, 0.7)'], -.notion-body.dark .notion-board-group[style*='background-color: rgb(60, 53, 58)'], -.notion-body:not(.dark) - .notion-board-view - > .notion-selectable - > :first-child - > :nth-child(2) - [style*='background-color: rgba(251, 245, 251, 0.7)'], -.notion-body.dark - .notion-board-view - > .notion-selectable - > :first-child - > :nth-child(2) - [style*='background-color: rgb(60, 53, 58)'] { - background: var(--theme--board_pink) !important; - color: var(--theme--board_pink-text) !important; -} -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(251, 245, 251, 0.7)'] - > [data-block-id] - > [rel='noopener noreferrer'], -.notion-body.dark - .notion-board-group[style*='background-color: rgb(60, 53, 58)'] - > [data-block-id] - > [rel='noopener noreferrer'] { - background: var(--theme--board_pink-card) !important; - color: var(--theme--board_pink-card_text) !important; -} -.notion-body.dark - .notion-board-group[style*='background-color: rgb(60, 53, 58)'] - > [data-block-id] - > [rel='noopener noreferrer'] - [placeholder='Untitled'] { - -webkit-text-fill-color: var( - --theme--board_pink-card_text, - var(--theme--board_pink-text) - ) !important; -} -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(251, 245, 251, 0.7)'] - > [data-block-id] - > [rel='noopener noreferrer'] - > .notion-focusable:hover { - background: rgba(255, 255, 255, 0.2) !important; -} -.notion-body.dark - .notion-board-group[style*='background-color: rgb(60, 53, 58)'] - > [data-block-id] - > [rel='noopener noreferrer'] - > .notion-focusable:hover { - background: rgba(0, 0, 0, 0.1) !important; -} -.notion-body:not(.dark) .notion-board-view [style*='color: rgb(205, 116, 159)'], -.notion-body.dark .notion-board-view [style*='color: rgb(169, 76, 157)'], -.notion-body:not(.dark) .notion-board-view [style*='fill: rgb(205, 116, 159)'], -.notion-body.dark .notion-board-view [style*='fill: rgb(169, 76, 157)'] { - color: var(--theme--board_pink-text) !important; - fill: var(--theme--board_pink-text) !important; -} - -/* red */ - -.notion-body:not(.dark) [style*='color: rgb(212, 76, 71)'], -.notion-body:not(.dark) [style*='color:rgba(212, 76, 71, 1)'], -.notion-body.dark [style*='color: rgb(234, 135, 140)'], -.notion-body.dark [style*='color:rgba(234, 135, 140, 1)'] { - color: var(--theme--text_red) !important; - fill: var(--theme--text_red) !important; -} - -.notion-body:not(.dark) - [style*='background: rgba(253, 235, 236, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background:rgba(253, 235, 236, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background: rgb(253, 235, 236)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background:rgb(253, 235, 236)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body:not(.dark) - [style*='background-color: rgba(253, 235, 236, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background: rgba(94, 52, 54, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background:rgba(94, 52, 54, 1)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background: rgb(94, 52, 54)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background:rgb(94, 52, 54)']:not([style*='border-radius']):not([style*='box-shadow']), -.notion-body.dark - [style*='background-color: rgba(94, 52, 54, 1)']:not([style*='border-radius']):not([style*='box-shadow']) { - background: var(--theme--highlight_red) !important; - color: var(--theme--highlight_red-text) !important; -} - -.notion-body:not(.dark) - .notion-callout-block - > div - > [style*='background: rgb(253, 235, 236)'], -.notion-body.dark .notion-callout-block > div > [style*='background: rgb(94, 52, 54)'] { - background: var(--theme--callout_red) !important; - color: var(--theme--callout_red-text) !important; -} -.notion-body:not(.dark) - [style*='background: rgb(255, 226, 221)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'], -.notion-body.dark - [style*='background: rgb(122, 54, 59)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'] { - background: var(--theme--tag_red) !important; - color: var(--theme--tag_red-text) !important; -} - -.notion-body:not(.dark) - [style*='background: rgb(253, 235, 236)'][style*='align-items: center; justify-content: center; width: 22px; height: 22px;'][style*='border-radius: 3px; font-weight: 500;'], -.notion-body.dark - [style*='background: rgb(94, 52, 54)'][style*='align-items: center; justify-content: center; width: 22px; height: 22px;'][style*='border-radius: 3px; font-weight: 500;'] { - background: var(--theme--highlight_red) !important; - color: var(--theme--highlight_red-text) !important; -} -.notion-body:not(.dark) - [style*='background: rgb(255, 226, 221)'][style*='border-radius: 3px;'][style*='width: 18px; height: 18px;'], -.notion-body.dark - [style*='background: rgb(194, 65, 82)'][style*='border-radius: 3px;'][style*='width: 18px; height: 18px;'] { - background: var(--theme--tag_red) !important; - color: var(--theme--tag_red-text) !important; -} - -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(253, 245, 243, 0.7)'], -.notion-body.dark .notion-board-group[style*='background-color: rgb(66, 51, 51)'], -.notion-body:not(.dark) - .notion-board-view - > .notion-selectable - > :first-child - > :nth-child(2) - [style*='background-color: rgba(253, 245, 243, 0.7)'], -.notion-body.dark - .notion-board-view - > .notion-selectable - > :first-child - > :nth-child(2) - [style*='background-color: rgb(66, 51, 51)'] { - background: var(--theme--board_red) !important; - color: var(--theme--board_red-text) !important; -} -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(253, 245, 243, 0.7)'] - > [data-block-id] - > [rel='noopener noreferrer'], -.notion-body.dark - .notion-board-group[style*='background-color: rgb(66, 51, 51)'] - > [data-block-id] - > [rel='noopener noreferrer'] { - background: var(--theme--board_red-card) !important; - color: var(--theme--board_red-card_text) !important; -} -.notion-body.dark - .notion-board-group[style*='background-color: rgb(66, 51, 51)'] - > [data-block-id] - > [rel='noopener noreferrer'] - [placeholder='Untitled'] { - -webkit-text-fill-color: var( - --theme--board_red-card_text, - var(--theme--board_red-text) - ) !important; -} -.notion-body:not(.dark) - .notion-board-group[style*='background-color: rgba(253, 245, 243, 0.7)'] - > [data-block-id] - > [rel='noopener noreferrer'] - > .notion-focusable:hover { - background: rgba(255, 255, 255, 0.2) !important; -} -.notion-body.dark - .notion-board-group[style*='background-color: rgb(66, 51, 51)'] - > [data-block-id] - > [rel='noopener noreferrer'] - > .notion-focusable:hover { - background: rgba(0, 0, 0, 0.1) !important; -} -.notion-body:not(.dark) .notion-board-view [style*='color: rgb(225, 111, 100)'], -.notion-body.dark .notion-board-view [style*='color: rgb(194, 65, 82)'], -.notion-body:not(.dark) .notion-board-view [style*='fill: rgb(225, 111, 100)'], -.notion-body.dark .notion-board-view [style*='fill: rgb(194, 65, 82)'] { - color: var(--theme--board_red-text) !important; - fill: var(--theme--board_red-text) !important; -} diff --git a/src/core/theming/electronSearch.css b/src/core/theming/electronSearch.css deleted file mode 100644 index c1dcf0b..0000000 --- a/src/core/theming/electronSearch.css +++ /dev/null @@ -1,61 +0,0 @@ -/** - * notion-enhancer: theming - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -#container { - background: var(--theme--bg) !important; - box-shadow: var(--theme--ui_shadow, rgba(15, 15, 15, 0.05)) 0px 0px 0px 1px, - var(--theme--ui_shadow, rgba(15, 15, 15, 0.1)) 0px 3px 6px, - var(--theme--ui_shadow, rgba(15, 15, 15, 0.2)) 0px 9px 24px !important; -} - -#container #results { - color: var(--theme--text) !important; -} - -#container #prev, -#container #next { - border-color: var(--theme--ui_divider) !important; -} -#container .enabled:focus, -#container .enabled:hover { - background: var(--theme--ui_interactive-hover) !important; -} -#container .enabled:active { - background: var(--theme--ui_interactive-active) !important; -} -#container #prev svg, -#container #next svg { - fill: var(--theme--icon_secondary) !important; -} -#container #button-separator { - background: var(--theme--ui_divider) !important; -} - -#container #search-icon svg, -#container #clear-icon svg { - fill: var(--theme--icon) !important; -} -#container #input-wrap #search { - background: var(--theme--ui_input) !important; - color: var(--theme--text) !important; -} - -#container #done { - background: var(--theme--accent_blue) !important; - color: var(--theme--accent_blue-text) !important; -} -#container #done:focus, -#container #done:hover { - background: var(--theme--accent_blue-hover) !important; -} -#container #done:active { - background: var(--theme--accent_blue-active) !important; -} - -#container .enabled::after, -#container #done::after { - background: transparent !important; -} diff --git a/src/core/theming/frame.mjs b/src/core/theming/frame.mjs deleted file mode 100644 index a02d873..0000000 --- a/src/core/theming/frame.mjs +++ /dev/null @@ -1,19 +0,0 @@ -/** - * notion-enhancer: theming - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -'use strict'; - -export default async function ({ web, storage, electron }, db) { - await web.whenReady(); - - const updateTheme = async () => { - const mode = await storage.get(['theme'], 'light'); - document.documentElement.classList.add(mode); - document.documentElement.classList.remove(mode === 'light' ? 'dark' : 'light'); - }; - electron.onMessage('update-theme', updateTheme); - updateTheme(); -} diff --git a/src/core/theming/main.cjs b/src/core/theming/main.cjs deleted file mode 100644 index 750623f..0000000 --- a/src/core/theming/main.cjs +++ /dev/null @@ -1,21 +0,0 @@ -/** - * notion-enhancer: theming - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -'use strict'; - -module.exports = async function ({}, db, __exports, __eval) { - const electron = require('electron'); - electron.ipcMain.on('notion-enhancer:update-theme', () => { - electron.webContents - .getAllWebContents() - .forEach((webContents) => webContents.send('notion-enhancer:update-theme')); - }); - electron.ipcMain.on('notion-enhancer:set-search-theme', (event, theme) => { - electron.webContents - .getAllWebContents() - .forEach((webContents) => webContents.send('notion-enhancer:set-search-theme', theme)); - }); -}; diff --git a/src/core/theming/menu.mjs b/src/core/theming/menu.mjs deleted file mode 100644 index 7e65808..0000000 --- a/src/core/theming/menu.mjs +++ /dev/null @@ -1,26 +0,0 @@ -/** - * notion-enhancer: theming - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -'use strict'; - -export default async function ({ web, registry, storage, electron }, db) { - await web.whenReady(); - - const updateTheme = async () => { - const mode = await storage.get(['theme'], 'light'); - document.documentElement.classList.add(mode); - document.documentElement.classList.remove(mode === 'light' ? 'dark' : 'light'); - }; - document.addEventListener('visibilitychange', updateTheme); - electron.onMessage('update-theme', updateTheme); - updateTheme(); - - for (const mod of await registry.list((mod) => registry.enabled(mod.id))) { - for (const sheet of mod.css?.menu || []) { - web.loadStylesheet(`repo/${mod._dir}/${sheet}`); - } - } -} diff --git a/src/core/theming/mod.json b/src/core/theming/mod.json deleted file mode 100644 index dca8b51..0000000 --- a/src/core/theming/mod.json +++ /dev/null @@ -1,38 +0,0 @@ -{ - "name": "theming", - "id": "0f0bf8b6-eae6-4273-b307-8fc43f2ee082", - "version": "0.11.0", - "description": "the default theme variables, required by other themes & extensions.", - "tags": ["core"], - "authors": [ - { - "name": "dragonwocky", - "email": "thedragonring.bod@gmail.com", - "homepage": "https://dragonwocky.me/", - "avatar": "https://dragonwocky.me/avatar.jpg" - } - ], - "css": { - "frame": ["variables.css"], - "client": ["variables.css", "prism.css", "patches.css"], - "menu": ["variables.css"] - }, - "js": { - "frame": ["frame.mjs"], - "client": ["client.mjs"], - "menu": ["menu.mjs"], - "electron": [ - { "source": "main.cjs", "target": "main/main.js" }, - { "source": "rendererSearch.cjs", "target": "renderer/search.js" } - ] - }, - "options": [ - { - "type": "toggle", - "key": "force_load", - "label": "force load overrides", - "tooltip": "**override notion's colours even if no themes are enabled**", - "value": false - } - ] -} diff --git a/src/core/theming/prism.css b/src/core/theming/prism.css deleted file mode 100644 index 42d82bc..0000000 --- a/src/core/theming/prism.css +++ /dev/null @@ -1,156 +0,0 @@ -/** - * notion-enhancer: theming - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -.token.property { - color: var(--theme--code_property) !important; -} -.token.tag { - color: var(--theme--code_tag) !important; -} -.token.boolean { - color: var(--theme--code_boolean) !important; -} -.token.number { - color: var(--theme--code_number) !important; -} -.token.constant { - color: var(--theme--code_constant) !important; -} -.token.symbol { - color: var(--theme--code_symbol) !important; -} -.token.deleted { - color: var(--theme--code_deleted) !important; -} -.token.selector { - color: var(--theme--code_selector) !important; -} -.token.attr-name { - color: var(--theme--code_attr-name) !important; -} -.token.string { - color: var(--theme--code_string) !important; -} -.token.char { - color: var(--theme--code_char) !important; -} -.token.builtin { - color: var(--theme--code_builtin) !important; -} -.token.inserted { - color: var(--theme--code_inserted) !important; -} -.token.operator { - color: var(--theme--code_operator) !important; -} -.token.entity { - color: var(--theme--code_entity) !important; -} -.token.url { - color: var(--theme--code_url) !important; -} -.token.variable { - color: var(--theme--code_variable) !important; -} -.token.comment { - color: var(--theme--code_comment) !important; -} -.token.cdata { - color: var(--theme--code_cdata) !important; -} -.token.prolog { - color: var(--theme--code_prolog) !important; -} -.token.doctype { - color: var(--theme--code_doctype) !important; -} -.token.atrule { - color: var(--theme--code_atrule) !important; -} -.token.attr-value { - color: var(--theme--code_attr-value) !important; -} -.token.keyword { - color: var(--theme--code_keyword) !important; -} -.token.regex { - color: var(--theme--code_regex) !important; -} -.token.important { - color: var(--theme--code_important) !important; -} -.token.function { - color: var(--theme--code_function) !important; -} -.token.class-name { - color: var(--theme--code_class-name) !important; -} -.token.parameter { - color: var(--theme--code_parameter) !important; -} -.token.decorator { - color: var(--theme--code_decorator) !important; -} -.token.id { - color: var(--theme--code_id) !important; -} -.token.class { - color: var(--theme--code_class) !important; -} -.token.pseudo-element { - color: var(--theme--code_pseudo-element) !important; -} -.token.pseudo-class { - color: var(--theme--code_pseudo-class) !important; -} -.token.attribute { - color: var(--theme--code_attribute) !important; -} -.token.value { - color: var(--theme--code_value) !important; -} -.token.unit { - color: var(--theme--code_unit) !important; -} -.token.punctuation { - color: var(--theme--code_punctuation) !important; - opacity: 0.7 !important; -} -.token.annotation { - color: var(--theme--code_annotation) !important; -} - -.token.operator { - background: transparent !important; -} -.token.namespace { - opacity: 0.7 !important; -} -.token.important, -.token.bold { - font-weight: bold !important; -} -.token.italic { - font-style: italic !important; -} -.token.entity { - cursor: help !important; -} -.token a { - color: inherit !important; -} -.token.punctuation.brace-hover, -.token.punctuation.brace-selected { - outline: solid 1px !important; -} - -.token.operator, -.token.entity, -.token.url, -.language-css .token.string, -.style .token.string { - background: none !important; -} diff --git a/src/core/theming/rendererSearch.cjs b/src/core/theming/rendererSearch.cjs deleted file mode 100644 index ed6a2cb..0000000 --- a/src/core/theming/rendererSearch.cjs +++ /dev/null @@ -1,18 +0,0 @@ -/** - * notion-enhancer: theming - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -'use strict'; - -module.exports = async function ({ web, electron }, db, __exports, __eval) { - await web.whenReady(); - web.loadStylesheet('repo/theming/electronSearch.css'); - - electron.onMessage('set-search-theme', (event, theme) => { - for (const [key, value] of theme) { - document.documentElement.style.setProperty(`--theme--${key}`, value); - } - }); -}; diff --git a/src/core/theming/theme.css b/src/core/theming/theme.css deleted file mode 100644 index 4473a89..0000000 --- a/src/core/theming/theme.css +++ /dev/null @@ -1,773 +0,0 @@ -/** - * notion-enhancer: theming - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -/* backgrounds */ - -.OnboardingHighlight + div > [style*='background-color'] { - background-color: rgba(0, 0, 0, 0.5) !important; -} - -body, -.notion-cursor-listener, -.notion-frame, -.notion-timeline-view, -.notion-workspace-plan-choose, -.notion-onboarding-popup, -.notion-workspace-create, -.notion-workspace-invite, -.notion-scroller.vertical - > [style*='display: flex; justify-content: center; z-index: 3; flex-shrink: 0;'][style*='background: '], -.notion-cursor-listener > div > :first-child[style*='z-index: 100;'], -.notion-space-settings > div > div > div:nth-child(2) > div[style*='background'], -.notion-body.dark .notion-collection_view_page-block > [style*='background: rgb(47, 52, 55)'], -.notion-body.dark .notion-collection_view_page-block[style*='background: rgb(47, 52, 55)'], -.notion-body:not(.dark) .notion-collection_view_page-block > [style*='background: white'], -.notion-body:not(.dark) .notion-collection_view_page-block[style*='background: white'], -.notion-body.dark .notion-collection_view-block > [style*='background: rgb(47, 52, 55)'], -.notion-body.dark .notion-collection_view-block[style*='background: rgb(47, 52, 55)'], -.notion-body:not(.dark) .notion-collection_view-block > [style*='background: white'], -.notion-body:not(.dark) .notion-collection_view-block[style*='background: white'], -.notion-body.dark .notion-timeline-view [style*='background: rgb(47, 52, 55)'], -.notion-body:not(.dark) - .notion-timeline-view - [style*='background: white']:not(.notion-timeline-item), -.notion-body:not(.dark) .notion-timeline-view [style*='background: rgb(253, 253, 253);'], -.notion-updates-menu footer > div[style*='background'], -:not(.notion-sidebar-container) > div > div > .notion-sidebar > :nth-child(2), -:not(.notion-sidebar-container) > div > div > .notion-sidebar > :nth-child(3), -:not(.notion-sidebar-container) > div > div > .notion-sidebar > :nth-child(3) > :nth-child(2), -.notion-peek-renderer > div[style*='background'], -.notion-peek-renderer > div[style*='background'] > :first-child, -.notion-peek-renderer > div[style*='background'] > :first-child > div > :nth-child(3), -.notion-page-template-modal, -.notion-update-sidebar-tab-updates-header, -.notion-update-sidebar-tab-updates-header + .notion-scroller, -.notion-update-sidebar-tab-comments-header, -.notion-update-sidebar-tab-comments-header + div, -.notion-code-block > div > div > [style*='background: '][style$='padding-right: 105px;'], -[style*='z-index: 84'] { - background: var(--theme--bg) !important; -} -.notion-timeline-item-row + div > div > div, -.notion-timeline-view > :nth-child(2) > :first-child > div > div { - border: 1px solid var(--theme--bg) !important; - background: var(--theme--ui_toggle-off) !important; -} -.notion-timeline-item-row + div > div > div svg, -.notion-timeline-view > :nth-child(2) > :first-child > div > div svg { - fill: var(--theme--bg) !important; -} - -.notion-sidebar-container, -.notion-sidebar > [style*='border-top-right-radius'], -.notion-space-settings > div > div > div:first-child[style*='background'], -.notion-body.dark .notion-collection_view_page-block [style*='background: rgb(55, 60, 63)'], -.notion-body:not(.dark) - .notion-collection_view_page-block - [style*='background: rgb(247, 246, 243)'], -.notion-body.dark .notion-collection_view-block [style*='background: rgb(55, 60, 63)'], -.notion-body:not(.dark) - .notion-collection_view-block - [style*='background: rgb(247, 246, 243)'], -.notion-body.dark .notion-timeline-view [style*='background: rgb(55, 60, 63)'], -.notion-body:not(.dark) .notion-timeline-view [style*='background: rgb(247, 246, 243)'], -.notion-space-settings - > div - > div - > div:nth-child(2) - table - td[style*='background:']:not([style*='background: transparent']), -.notion-timeline-view > :first-child > div, -.notion-body:not(.dark) - .notion-timeline-view - > div - > div - > [style*='background: rgb(247, 247, 247); border-radius: 11px;'], -.notion-page-template-modal > :last-child, -.notion-page-template-modal > :last-child > div > :last-child, -.notion-embed-block .pseudoSelection, -.notion-video-block .pseudoSelection, -.notion-image-block .pseudoSelection, -.notion-file-block .pseudoSelection, -.notion-pdf-block .pseudoSelection, -.notion-bookmark-block .pseudoSelection, -.notion-miro-block .pseudoSelection, -.notion-codepen-block .pseudoSelection, -.notion-framer-block .pseudoSelection, -.notion-figma-block .pseudoSelection, -.notion-drive-block .pseudoSelection, -.notion-gist-block .pseudoSelection, -.notion-tweet-block .pseudoSelection, -.notion-maps-block .pseudoSelection, -.notion-replit-block .pseudoSelection, -.notion-typeform-block .pseudoSelection, -.notion-abstract-block .pseudoSelection, -.notion-invision-block .pseudoSelection, -.notion-loom-block .pseudoSelection, -.notion-excalidraw-block .pseudoSelection, -.notion-sketch-block .pseudoSelection, -.notion-whimsical-block .pseudoSelection, -.notion-equation-block > div > div, -.notion-factory-block > div > div > div > div > [style*='background'][style*='margin-top'] { - background: var(--theme--bg_secondary) !important; -} - -.notion-default-overlay-container - [style*='position: absolute; inset: 0px; background: rgba(15, 15, 15, 0.6);']:empty { - background: var(--theme--ui_shadow) !important; -} - -.notion-body.dark - [style*='box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.2) 0px 3px 6px, rgba(15, 15, 15, 0.4) 0px 9px 24px;'], -.notion-body:not(.dark) - [style*='box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;'], -.notion-body.dark - [style*='box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.2) 0px 3px 6px, rgba(15, 15, 15, 0.4) 0px 9px 24px;'], -.notion-body:not(.dark) - [style*='box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;'], -[data-overlay] - > div - > [style*='position: relative; z-index: 1; box-shadow:'][style*='border-radius: 3px;'][style*='margin-bottom: 0px; top: 90px; overflow: hidden; width: 75%; max-width: 600px; min-height: 50px; max-height: 80vh;']:nth-child(2), -.notion-overlay-container.notion-default-overlay-container - [style*='display: flex'] - > [style*='position: relative; max-width:'][style*='overflow: hidden'] - footer - > [style*='background-color:'], -.notion-updates-menu > :first-child > div[style*='background'], -#notion-app - > div - > div.notion-overlay-container.notion-default-overlay-container - > div:nth-child(2) - > div - > div:nth-child(2)[style*='margin-bottom: 0px; top: 90px; overflow: hidden; width: 75%;'], -.notion-default-overlay-container - > div - > div:not(.notion-peek-renderer) - > [style*='box-shadow'], -[style*='z-index:'][style*='box-shadow: '][style*='font-size: 12px;'][style*='min-height: 24px; overflow: hidden; pointer-events:'], -:not(.notion-login) - > .notion-focusable[role='button'][tabindex='0'][style*='box-shadow:'][style*='background:'][style*='transition: background 20ms ease-in 0s; cursor: pointer;']:not([style*='rgb(46, 170, 220);']):not([style*='rgb(6, 156, 205);']):not([style*='rgb(0, 141, 190);']):not([style*='flex: 1 1 0%; white-space: nowrap; height: 26px; border-radius: 3px 0px 0px 3px;']):not([style*='rgb(225, 98, 89)']), -.notion-text-action-menu > div > div, -.notion-default-overlay-container - [style*='min-width: 300px;'] - [style*='width: 240px'] - > .notion-focusable:not(:hover), -.notion-transclusion_reference-block > div > div > :nth-child(3), -.notion-transclusion_container-block > div > div > :nth-child(3), -.notion-page-block > div > div > div > .notion-focusable:not(:hover), -.notion-workspace-create - [style*='font-size: 12px;'] - + .notion-focusable[role='button']:not(:hover) { - background: var(--theme--bg_card) !important; - box-shadow: var(--theme--ui_shadow, rgba(15, 15, 15, 0.05)) 0px 0px 0px 1px, - var(--theme--ui_shadow, rgba(15, 15, 15, 0.1)) 0px 3px 6px, - var(--theme--ui_shadow, rgba(15, 15, 15, 0.2)) 0px 9px 24px !important; -} -[style*='z-index:'][style*='box-shadow: '][style*='font-size: 12px;'][style*='min-height: 24px; overflow: hidden; pointer-events:'] - > .notion-focusable { - color: var(--theme--text) !important; -} - -.notion-calendar-view - .notion-selectable.notion-page-block.notion-collection-item - > a[style*='background:'] { - background: var(--theme--bg_card) !important; - box-shadow: var(--theme--ui_shadow, rgba(15, 15, 15, 0.05)) 0px 0px 0px 1px, - var(--theme--ui_shadow, rgba(15, 15, 15, 0.1)) 0px 2px 4px !important; -} - -.notion-media-menu > div > div > div[style*='background'], -.notion-media-menu > div > div > div > div[style*='background']:not(.notion-focusable), -.notion-body.dark - .notion-default-overlay-container - [style*='grid-template-columns: [boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end];'], -.notion-focusable[style*='background: rgb(80, 85, 88);']:not(.notion-help-button):not(.onboarding-checklist-button), -.notion-body:not(.dark) - .notion-default-overlay-container - [style*='grid-template-columns: [boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end];'] - .notion-focusable[style*='background: white;'], -.notion-timeline-item, -.notion-collection-item > a { - background: var(--theme--bg_card) !important; -} - -.notion-timeline-view - > div - > div - > [style*='height: 100%; background-image: linear-gradient(to right, '] { - background-image: linear-gradient( - to right, - var(--theme--bg) 20%, - transparent 100% - ) !important; -} -.notion-timeline-view - > div - > div - > [style*='height: 100%; background-image: linear-gradient(to left, '] { - background-image: linear-gradient( - to left, - var(--theme--bg) 20%, - transparent 100% - ) !important; -} - -/** ui **/ - -.notion-page-mention-token.notion-enable-hover:hover { - box-shadow: 0 0 0 3px var(--theme--ui_interactive-hover) !important; - background: var(--theme--ui_interactive-hover) !important; -} - -.notion-to_do-block [style*='background: rgb(46, 170, 220);'], -.notion-focusable - > [style*='width: 16px; height: 16px;'][style*='background: rgb(46, 170, 220);'], -.notion-focusable > [style*='border-radius: 44px;'][style*='background: rgb(46, 170, 220);'] { - background: var(--theme--ui_toggle-on) !important; -} -.notion-body.dark - .notion-focusable - > [style*='border-radius: 44px;'][style*='background: rgba(202, 204, 206, 0.3);'], -.notion-body:not(.dark) - .notion-focusable - > [style*='border-radius: 44px;'][style*='background: rgba(135, 131, 120, 0.3);'] { - background: var(--theme--ui_toggle-off) !important; -} - -.notion-focusable - > [style*='width: 16px; height: 16px;'][style*='background: rgb(46, 170, 220);'] - .check, -.notion-to_do-block .check { - fill: var(--theme--ui_toggle-feature) !important; -} -.notion-focusable > [style*='border-radius: 44px;'] > div:empty { - background: var(--theme--ui_toggle-feature) !important; -} - -.notion-body.dark [style*='background: rgba(255, 255, 255, 0.1)'], -.notion-body:not(.dark) [style*='background: rgba(55, 53, 47, 0.08)'], -.notion-focusable[style*='z-index:'][style*='box-shadow: '][style*='font-size: 12px;'][style*='min-height: 24px; overflow: hidden; pointer-events:']:hover, -:not(.notion-login) - > .notion-focusable[role='button'][tabindex='0'][style*='box-shadow:'][style*='background:'][style*='transition: background 20ms ease-in 0s; cursor: pointer;']:not([style*='rgb(46, 170, 220);']):not([style*='rgb(6, 156, 205);']):not([style*='rgb(0, 141, 190);']):not([style*='flex: 1 1 0%; white-space: nowrap; height: 26px; border-radius: 3px 0px 0px 3px;']):not([style*='rgb(225, 98, 89)']):hover, -[style*='z-index:'][style*='box-shadow: '][style*='font-size: 12px;'][style*='min-height: 24px; overflow: hidden; pointer-events:'] - > .notion-focusable[style*='background']:hover, -.notion-body:not(.dark) - .notion-default-overlay-container - [style*='grid-template-columns: [boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end];'] - .notion-focusable[style*='background: rgb(239, 239, 238);'], -.line-numbers.notion-code-block + div .notion-focusable:hover { - background: var(--theme--ui_interactive-hover) !important; - color: var(--theme--text) !important; - fill: var(--theme--text) !important; -} -.notion-body:not(.dark) [style*='background: rgba(55, 53, 47, 0.16)'], -.notion-body.dark .notion-focusable[role='button'][style*='background: rgb(63, 68, 71);'], -.notion-body:not(.dark) - .notion-focusable[role='button'][style*='background: rgba(55, 53, 47, 0.16)'], -[style*='z-index:'][style*='box-shadow: '][style*='font-size: 12px;'][style*='min-height: 24px; overflow: hidden; pointer-events:'] - > .notion-focusable[style*='background']:active, -.notion-body:not(.dark) - .notion-default-overlay-container - [style*='grid-template-columns: [boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end];'] - .notion-focusable[style*='background: rgb(233, 233, 231);'] { - background: var(--theme--ui_interactive-active) !important; - color: var(--theme--text) !important; - fill: var(--theme--text) !important; -} -.notion-body:not(.dark) [style*='background: rgba(55, 53, 47, 0.16)'] svg, -.notion-body.dark .notion-focusable[role='button'][style*='background: rgb(63, 68, 71);'] svg { - color: var(--theme--text) !important; - fill: var(--theme--text) !important; -} - -.notion-focusable-within, -.notion-share-menu - .notion-block-permission-settings-public-access - + div - > div - > div - > div - > div - > .notion-focusable:first-child[role='button'][tabindex='0'][style*='user-select: none;'], -.notion-overlay-container - > div:nth-child(2) - > div - > div:nth-child(2) - > div:nth-child(2) - > div - > div - > div - > div - > div - > div:nth-child(1)[style*='display: flex; width: 100%; position: relative; z-index: 2; padding: 6px 10px; font-size: 14px; background:'], -.notion-overlay-container - > div:nth-child(3) - > div - > div:nth-child(2) - > div:nth-child(2) - > div - > div - > div - > div - > div - > div:nth-child(1)[style*='display: flex; width: 100%; position: relative; z-index: 2; padding: 6px 10px; font-size: 14px; background:'], -#notion-app - > div - > div.notion-overlay-container.notion-default-overlay-container - > [data-overlay='true'] - > div - > div:nth-child(2) - > div:nth-child(2) - > div - > div - > div - > div - > div:nth-child(1) - > div[style*='background'] { - background: var(--theme--ui_input) !important; -} - -.notion-body.dark - [style*='border-radius: 20px; box-shadow: rgba(255, 255, 255, 0.07) 0px 0px 0px 2px inset;'], -.notion-body:not(.dark) - [style*='border-radius: 20px; box-shadow: rgba(55, 53, 47, 0.09) 0px 0px 0px 2px inset;'] { - box-shadow: var(--theme--ui_divider) 0px 0px 0px 2px inset !important; -} -.notion-body.dark - [style*='box-shadow: rgba(255, 255, 255, 0.07) 0px 0px 0px 1px inset; border-radius: 3px;'], -.notion-body:not(.dark) - [style*='box-shadow: rgba(55, 53, 47, 0.09) 0px 0px 0px 1px inset; border-radius: 3px;'], -.notion-gallery-view - .notion-focusable[role='button'][style*='font-size: 14px; border-radius: 3px; box-shadow:']:last-child { - box-shadow: var(--theme--ui_divider) 0px 0px 0px 1px inset !important; -} -.notion-body.dark - [style*='border-radius: 3px; box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 1px;'], -.notion-body:not(.dark) - [style*='border-radius: 3px; box-shadow: rgba(55, 53, 47, 0.1) 0px 0px 0px 1px;'] { - box-shadow: var(--theme--ui_divider) 0px 0px 0px 1px !important; -} - -#notion-app - .DayPicker-Day--today:not(.DayPicker-Day--selected):not(.DayPicker-Day--value):not(.DayPicker-Day--start):not(.DayPicker-Day--end) { - color: var(--theme--accent_red-text) !important; -} -#notion-app - .DayPicker-Day--today:not(.DayPicker-Day--selected):not(.DayPicker-Day--value):not(.DayPicker-Day--start):not(.DayPicker-Day--end)::after, -.notion-timeline-view [style*='background: rgb(211, 79, 67); width: 22px;'], -.notion-timeline-view - [style*='width: 7px; height: 7px; background: rgb(211, 79, 67); border-radius: 100%;'] { - background: var(--theme--accent_red) !important; -} -#notion-app .DayPicker-Day.DayPicker-Day--range.DayPicker-Day--start, -#notion-app .DayPicker-Day.DayPicker-Day--range.DayPicker-Day--end { - background-color: var(--theme--accent_blue) !important; -} -#notion-app .DayPicker-Day.DayPicker-Day--range:hover { - border-radius: 0 !important; -} -.notion-calendar-view-day[style*='background'] { - background-color: var(--theme--accent_red) !important; - color: var(--theme--accent_red-text) !important; -} -.DayPicker-Day--outside, -.DayPicker-Weekday { - color: var(--theme--text_secondary) !important; -} -.notion-timeline-view [style*='height: 100%; border-right: 1px solid rgb(211, 79, 67);'] { - border-right: 1px solid var(--theme--accent_red) !important; -} - -/* link underline */ - -.notion-body.dark - [style*='background-image: linear-gradient(to right, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.14) 100%);'], -.notion-body:not(.dark) - [style*='background-image: linear-gradient(to right, rgba(55, 53, 47, 0.16) 0%, rgba(55, 53, 47, 0.16) 100%);'] { - background-image: linear-gradient( - to right, - var(--theme--ui_divider) 0%, - var(--theme--ui_divider) 100% - ) !important; -} - -/** dividers **/ - -.notion-body.dark - .notion-page-content - .notranslate[style*='border-bottom: 1px solid rgba(255, 255, 255, 0.14);'], -.notion-body:not(.dark) - .notion-page-content - .notranslate[style*='border-bottom: 1px solid rgba(55, 53, 47, 0.16);'] { - border-bottom: 1px solid var(--theme--ui_divider) !important; -} - -.notion-body.dark [style*='border-top: 1px solid rgb(77, 81, 83)'], -.notion-body.dark [style*='border-top: 1px solid rgb(63, 66, 69)'], -.notion-body.dark [style*='border-top: 1px solid rgb(63, 66, 67)'], -.notion-body.dark [style*='border-top: 1px solid rgb(60, 63, 67)'], -.notion-body.dark [style*='border-top: 1px solid rgba(255, 255, 255, 0.14);'], -.notion-body.dark [style*='border-top: 1px solid rgba(255, 255, 255, 0.07)'], -.notion-body:not(.dark) [style*='border-top: 1px solid rgb(233, 233, 231)'], -.notion-body:not(.dark) [style*='border-top: 1px solid rgb(237, 237, 236)'], -.notion-body:not(.dark) [style*='border-top: 1px solid rgb(238, 238, 237)'], -.notion-body:not(.dark) [style*='border-top: 1px solid rgba(55, 53, 47, 0.09)'], -.notion-body:not(.dark) [style*='border-top: 1px solid rgba(55, 53, 47, 0.16)'] { - border-top: 1px solid var(--theme--ui_divider) !important; -} -.notion-body.dark [style*='border-bottom: 1px solid rgb(77, 81, 83)'], -.notion-body.dark [style*='border-bottom: 1px solid rgb(63, 66, 69)'], -.notion-body.dark [style*='border-bottom: 1px solid rgb(63, 66, 67)'], -.notion-body.dark [style*='border-bottom: 1px solid rgb(60, 63, 67)'], -.notion-body.dark [style*='border-bottom: 1px solid rgba(255, 255, 255, 0.14);'], -.notion-body.dark [style*='border-bottom: 1px solid rgba(255, 255, 255, 0.07)'], -.notion-body:not(.dark) [style*='border-bottom: 1px solid rgb(233, 233, 231)'], -.notion-body:not(.dark) [style*='border-bottom: 1px solid rgb(237, 237, 236)'], -.notion-body:not(.dark) [style*='border-bottom: 1px solid rgb(238, 238, 237)'], -.notion-body:not(.dark) [style*='border-bottom: 1px solid rgba(55, 53, 47, 0.09)'], -.notion-body:not(.dark) [style*='border-bottom: 1px solid rgba(55, 53, 47, 0.16)'] { - border-bottom: 1px solid var(--theme--ui_divider) !important; -} -.notion-body.dark [style*='border-right: 1px solid rgb(77, 81, 83)'], -.notion-body.dark [style*='border-right: 1px solid rgb(63, 66, 69)'], -.notion-body.dark [style*='border-right: 1px solid rgb(63, 66, 67)'], -.notion-body.dark [style*='border-right: 1px solid rgb(60, 63, 67)'], -.notion-body.dark [style*='border-right: 1px solid rgba(255, 255, 255, 0.14);'], -.notion-body.dark [style*='border-right: 1px solid rgba(255, 255, 255, 0.07)'], -.notion-body:not(.dark) [style*='border-right: 1px solid rgb(233, 233, 231)'], -.notion-body:not(.dark) [style*='border-right: 1px solid rgb(237, 237, 236)'], -.notion-body:not(.dark) [style*='border-right: 1px solid rgb(238, 238, 237)'], -.notion-body:not(.dark) [style*='border-right: 1px solid rgba(55, 53, 47, 0.09)'], -.notion-body:not(.dark) [style*='border-right: 1px solid rgba(55, 53, 47, 0.16)'] { - border-right: 1px solid var(--theme--ui_divider) !important; -} -.notion-body.dark [style*='border-left: 1px solid rgb(77, 81, 83)'], -.notion-body.dark [style*='border-left: 1px solid rgb(63, 66, 69)'], -.notion-body.dark [style*='border-left: 1px solid rgb(63, 66, 67)'], -.notion-body.dark [style*='border-left: 1px solid rgb(60, 63, 67)'], -.notion-body.dark [style*='border-left: 1px solid rgba(255, 255, 255, 0.14);'], -.notion-body.dark [style*='border-left: 1px solid rgba(255, 255, 255, 0.07)'], -.notion-body:not(.dark) [style*='border-left: 1px solid rgb(233, 233, 231)'], -.notion-body:not(.dark) [style*='border-left: 1px solid rgb(237, 237, 236)'], -.notion-body:not(.dark) [style*='border-left: 1px solid rgb(238, 238, 237)'], -.notion-body:not(.dark) [style*='border-left: 1px solid rgba(55, 53, 47, 0.09)'], -.notion-body:not(.dark) [style*='border-left: 1px solid rgba(55, 53, 47, 0.16)'] { - border-left: 1px solid var(--theme--ui_divider) !important; -} -.notion-body.dark [style*='border: 1px solid rgb(77, 81, 83)'], -.notion-body.dark [style*='border: 1px solid rgb(63, 66, 69)'], -.notion-body.dark [style*='border: 1px solid rgb(63, 66, 67)'], -.notion-body.dark [style*='border: 1px solid rgb(60, 63, 67)'], -.notion-body.dark [style*='border: 1px solid rgba(255, 255, 255, 0.14);'], -.notion-body.dark [style*='border: 1px solid rgba(255, 255, 255, 0.07)'], -.notion-body:not(.dark) [style*='border: 1px solid rgb(233, 233, 231)'], -.notion-body:not(.dark) [style*='border: 1px solid rgb(237, 237, 236)'], -.notion-body:not(.dark) [style*='border: 1px solid rgb(238, 238, 237)'], -.notion-body:not(.dark) [style*='border: 1px solid rgba(55, 53, 47, 0.09)'], -.notion-body:not(.dark) [style*='border: 1px solid rgba(55, 53, 47, 0.16)'] { - border: 1px solid var(--theme--ui_divider) !important; -} -.notion-body.dark [style*='border-color: 1px solid rgb(77, 81, 83)'], -.notion-body.dark [style*='border-color: 1px solid rgb(63, 66, 69)'], -.notion-body.dark [style*='border-color: 1px solid rgb(63, 66, 67)'], -.notion-body.dark [style*='border-color: 1px solid rgb(60, 63, 67)'], -.notion-body.dark [style*='border-color: 1px solid rgba(255, 255, 255, 0.14);'], -.notion-body.dark [style*='border-color: 1px solid rgba(255, 255, 255, 0.07)'], -.notion-body:not(.dark) [style*='border-color: 1px solid rgb(233, 233, 231)'], -.notion-body:not(.dark) [style*='border-color: 1px solid rgb(237, 237, 236)'], -.notion-body:not(.dark) [style*='border-color: 1px solid rgb(238, 238, 237)'], -.notion-body:not(.dark) [style*='border-color: 1px solid rgba(55, 53, 47, 0.09)'], -.notion-body:not(.dark) [style*='border-color: 1px solid rgba(55, 53, 47, 0.16)'], -.notion-callout-block > div > :not([style*='border-color: transparent']) { - border-color: var(--theme--ui_divider) !important; -} - -.notion-body.dark [style*='box-shadow: rgb(77, 81, 83) -1px 0px 0px'], -.notion-body.dark [style*='box-shadow: rgba(255, 255, 255, 0.07) -1px 0px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgb(233, 233, 231) -1px 0px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgba(55, 53, 47, 0.09) -1px 0px 0px'], -.notion-body.dark [style*='box-shadow: rgb(63, 66, 69) -1px 0px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgb(237, 237, 236) -1px 0px 0px'] { - box-shadow: var(--theme--ui_divider) -1px 0px 0px !important; -} -.notion-body.dark [style*='box-shadow: rgb(77, 81, 83) 1px 0px 0px'], -.notion-body.dark [style*='box-shadow: rgba(255, 255, 255, 0.07) 1px 0px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgb(233, 233, 231) 1px 0px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgba(55, 53, 47, 0.09) 1px 0px 0px'], -.notion-body.dark [style*='box-shadow: rgb(63, 66, 69) 1px 0px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgb(237, 237, 236) 1px 0px 0px'] { - box-shadow: var(--theme--ui_divider) 1px 0px 0px !important; -} -.notion-body.dark [style*='box-shadow: rgb(77, 81, 83) 0px -1px 0px'], -.notion-body.dark [style*='box-shadow: rgba(255, 255, 255, 0.07) 0px -1px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgb(233, 233, 231) 0px -1px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgba(55, 53, 47, 0.09) 0px -1px 0px'], -.notion-body.dark [style*='box-shadow: rgb(63, 66, 69) 0px -1px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgb(237, 237, 236) 0px -1px 0px'] { - box-shadow: var(--theme--ui_divider) 0px -1px 0px !important; -} -.notion-body.dark [style*='box-shadow: rgb(77, 81, 83) 0px 1px 0px'], -.notion-body.dark [style*='box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgb(233, 233, 231) 0px 1px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgba(55, 53, 47, 0.09) 0px 1px 0px'], -.notion-body.dark [style*='box-shadow: rgb(63, 66, 69) 0px 1px 0px'], -.notion-body:not(.dark) [style*='box-shadow: rgb(237, 237, 236) 0px 1px 0px'] { - box-shadow: var(--theme--ui_divider) 0px 1px 0px !important; -} - -.notion-body.dark [style*='height: 1px;'][style*='background: rgba(255, 255, 255, 0.07);'], -.notion-body:not(.dark) [style*='height: 1px;'][style*='background: rgba(55, 53, 47, 0.09);'] { - background: var(--theme--ui_divider) !important; -} -.notion-body.dark - [style*='box-shadow: rgb(47, 52, 55) -3px 0px 0px, rgb(63, 66, 69) 0px 1px 0px;'], -.notion-body:not(.dark) - [style*='box-shadow: white -3px 0px 0px, rgb(233, 233, 231) 0px 1px 0px;'] { - box-shadow: var(--theme--ui_divider) 0px 1px 0px !important; -} -.notion-body.dark - .notion-collection_view_page-block - > [style*='box-shadow: rgb(47, 52, 55) -3px 0px 0px;'], -.notion-body:not(.dark) - .notion-collection_view_page-block - > [style*='box-shadow: white -3px 0px 0px;'], -.notion-body.dark - .notion-collection_view-block - > [style*='box-shadow: rgb(47, 52, 55) -3px 0px 0px;'], -.notion-body:not(.dark) - .notion-collection_view-block - > [style*='box-shadow: white -3px 0px 0px;'] { - box-shadow: transparent -3px 0px 0px !important; -} -.notion-focusable[role='button'][style*='box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px;'] { - box-shadow: var(--theme--ui_divider) 0px 0px 0px 1px !important; -} - -.notion-sidebar-container[style*='box-shadow:'] { - box-shadow: var(--theme--ui_divider) -2px 0px 0px 0px inset !important; -} - -/** colours **/ - -[style*='background: rgb(46, 170, 220)'] { - background: var(--theme--accent_blue) !important; - color: var(--theme--accent_blue-text) !important; -} -[style*='background: rgb(6, 156, 205);'] { - background: var(--theme--accent_blue-hover) !important; - color: var(--theme--accent_blue-text) !important; -} -[style*='background: rgb(0, 141, 190);'] { - background: var(--theme--accent_blue-active) !important; - color: var(--theme--accent_blue-text) !important; -} -[style*='background: rgb(46, 170, 220)'] .chevronDown, -[style*='background: rgb(6, 156, 205);'] .chevronDown, -[style*='background: rgb(0, 141, 190);'] .chevronDown { - fill: var(--theme--accent_blue-text) !important; -} -[style*='fill: rgb(46, 170, 220)'] { - fill: var(--theme--accent_blue) !important; -} -[style*=' color: rgb(46, 170, 220)'], -[style^='color: rgb(46, 170, 220)'] { - color: var(--theme--accent_blue) !important; -} -[style*='background: rgba(46, 170, 220, 0.'], -[style*='background-color: rgba(46, 170, 220, 0.'] { - background-color: var(--theme--accent_blue-selection) !important; -} -*::selection { - background: var(--theme--accent_blue-selection, rgba(26, 170, 220, 0.3)) !important; -} -.notion-page-mention-token::selection, -.notion-selectable-halo { - background: var(--theme--accent_blue-selection, rgba(26, 170, 220, 0.2)) !important; -} -.notion-focusable-within:focus-within, -.notion-focusable:focus-visible { - box-shadow: var(--theme--accent_blue-active, rgba(26, 170, 220, 0.7)) 0px 0px 0px 1px inset, - var(--theme--accent_blue-active, rgba(26, 170, 220, 0.4)) 0px 0px 0px 2px !important; -} -.notion-sidebar-switcher:focus-visible { - box-shadow: none !important; -} -.notion-onboarding-plan-type-team[style*='box-shadow: rgb(46, 170, 220)'], -.notion-onboarding-plan-type-personal[style*='box-shadow: rgb(46, 170, 220)'] { - box-shadow: var(--theme--accent_blue) 0px 0px 0px 2px !important; -} - -@keyframes pulsing-button-border { - 0% { - border-color: var(--theme--accent_blue) !important; - } - 50% { - border-color: rgba(255, 255, 255, 0) !important; - } - 100% { - border-color: var(--theme--accent_blue) !important; - } -} - -[style*='background-color: rgb(235, 87, 87); height: 28px; width: 28px;'], -.notion-login [style*='background: rgb(225, 98, 89)'], -.notion-login [style*='background: rgb(207, 83, 74)'], -.notion-login [style*='background: rgb(191, 77, 69)'] { - background: var(--theme--accent_red) !important; - border-color: var(--theme--accent_red) !important; -} -[style*='background: rgb(235, 87, 87); color: white; border-radius: 3px;']:not([role='button']) { - background: var(--theme--accent_red) !important; - color: var(--theme--accent_red-text) !important; -} -[style*='color: rgb(235, 87, 87); border: 1px solid rgba(235, 87, 87, 0.5);'][role='button'] { - color: var(--theme--accent_red) !important; - border: 1px solid var(--theme--accent_red) !important; -} -.notion-focusable[style*='border-radius: 3px;'][style*='color: rgb(235, 87, 87);'][role='button'], -[style*='font-size: 12px; font-weight: 600; color: rgb(235, 87, 87);'], -[style*='flex-shrink: 0; margin-top: -1px; margin-right: 4px; fill: rgb(235, 87, 87);'], -[style*='font-size: 12px;'] > [style*='pointer-events: none; color: rgb(235, 87, 87);'] { - color: var(--theme--accent_red) !important; - fill: var(--theme--accent_red) !important; -} -.notion-focusable[style*='border-radius: 3px;'][style*='background: rgba(235, 87, 87, 0.1);'][role='button']:hover { - background: var(--theme--accent_red-button) !important; -} - -.notion-transclusion_container-block > div > div > div[style*='border: 2px'], -.notion-transclusion_reference-block > div > div > div[style*='border: 2px'] { - border-color: var(--theme--accent_red, #e38676) !important; -} - -.notion-text-mention-token[style*='color:#2EAADC;'] { - color: var(--theme--accent_blue) !important; -} -.notion-text-mention-token[style*='color:#EB5757;'], -.notion-link:hover { - color: var(--theme--accent_red) !important; -} - -.notion-body.dark [style*='fill: rgb(202, 204, 206)'], -.notion-body:not(.dark) [style*='fill: rgba(55, 53, 47, 0.8)'] { - fill: var(--theme--icon) !important; -} -.notion-body.dark [style*='fill: rgba(202, 204, 206, 0.'], -.notion-body.dark [style*='fill: rgba(255, 255, 255, 0.'], -.notion-body:not(.dark) [style*='fill: rgba(25, 23, 17, 0.'], -.notion-body:not(.dark) [style*='fill: rgb(55, 53, 47)'], -.notion-body:not(.dark) - [style*='fill: rgba(55, 53, 47, 0.']:not([style*='fill: rgba(55, 53, 47, 0.8)']) { - fill: var(--theme--icon_secondary) !important; -} -.alarmClock, -.notion-to_do-block .checkboxSquare[style*='fill: inherit'] { - fill: currentColor !important; -} - -.notion-app-inner, -.notion-page-content, -.notion-selectable.notion-page-block .notion-focusable > [style*=';color:'], -.notion-record-icon.notranslate.notion-focusable, -.notion-topbar-share-menu.notion-focusable, -.notion-collection-view-select.notion-focusable, -.notion-body.dark [style*=' color: rgba(255, 255, 255, 0.9);'], -.notion-body.dark [style^='color: rgba(255, 255, 255, 0.9);'], -.notion-body:not(.dark) [style*=' color: rgb(55, 53, 47)'], -.notion-body:not(.dark) [style^='color: rgb(55, 53, 47)'] { - color: var(--theme--text) !important; -} -.notion-body.dark [style*='border-bottom: 2px solid rgba(255, 255, 255, 0.9);'], -.notion-body:not(.dark) [style*='border-bottom: 2px solid rgb(55, 53, 47);'] { - border-bottom: 2px solid var(--theme--text) !important; -} -.notion-body.dark [style*='caret-color: rgba(255, 255, 255, 0.9)'], -.notion-body:not(.dark) [style*='caret-color: rgb(55, 53, 47)'] { - caret-color: var(--theme--text) !important; -} -.notion-body.dark [style*=' color: rgba(255, 255, 255, 0.6)'], -.notion-body.dark [style^='color: rgba(255, 255, 255, 0.6)'], -.notion-body.dark [style^='color:rgba(255, 255, 255, 0.6)'], -.notion-body:not(.dark) [style*=' color: rgba(55, 53, 47, 0.6)'], -.notion-body:not(.dark) [style^='color: rgba(55, 53, 47, 0.6)'], -.notion-body:not(.dark) [style^='color:rgba(55, 53, 47, 0.6)'], -.notion-sidebar-container > [style*='color'], -.notion-gallery-view - .notion-focusable[role='button'][style*='font-size: 14px; border-radius: 3px; box-shadow:']:last-child - svg - + div, -.notion-body.dark [style*=' color: rgba(255, 255, 255, 0.4)'], -.notion-body.dark [style^='color: rgba(255, 255, 255, 0.4)'], -.notion-body:not(.dark) [style*=' color: rgba(55, 53, 47, 0.4)'], -.notion-body:not(.dark) [style^='color: rgba(55, 53, 47, 0.4)'], -.notion-page-controls, -.notion-page-details-controls, -.notion-calendar-view-day { - color: var(--theme--text_secondary) !important; -} - -.notion-page-mention-token__title { - border-bottom: 0.05em solid var(--theme--text_secondary) !important; -} -.notion-to_do-block [placeholder='To-do'][style*='text-decoration: line-through'] { - text-decoration: line-through var(--theme--text_secondary) !important; -} -.notion-body.dark [style*='-webkit-text-fill-color: rgba(255, 255, 255, 0.4)'], -.notion-body:not(.dark) [style*='-webkit-text-fill-color: rgba(55, 53, 47, 0.4)'] { - -webkit-text-fill-color: var(--theme--text_secondary) !important; -} -.notion-body.dark [style*='border-color:rgba(255,255,255,0.4)'], -.notion-body:not(.dark) [style*='border-color:rgba(55,53,47,0.4)'] { - border-color: var(--theme--text_secondary) !important; -} - -/* make sure to change in _mapColors.js as well if colors ever change */ -.notion-body.dark [style*='background: rgb(80, 85, 88)']:not([role='button']), -.notion-body.dark [style*='background-color: rgb(80, 85, 88)']:not([role='button']), -.notion-body:not(.dark) [style*='background: rgba(206, 205, 202, 0.5)']:not([role='button']), -.notion-body:not(.dark) - [style*='background-color: rgba(206, 205, 202, 0.5)']:not([role='button']), -.notion-sidebar-container - .notion-sidebar - [style*='margin-top'] - > .notion-focusable[style*='border-radius'] { - background: var(--theme--tag_default) !important; - color: var(--theme--tag_default-text) !important; -} - -/** code **/ - -.notion-page-content [style*='color:#EB5757']:not(.notion-text-mention-token) { - color: var(--theme--code_inline-text) !important; - background: var(--theme--code_inline) !important; -} - -.notion-code-block > div > div { - background: var(--theme--code) !important; -} -.notion-code-block > div { - color: var(--theme--code_plain) !important; -} - -/** simple tables **/ - -.notion-table-selection-overlay [style*='border: 2px solid rgb(116, 182, 219);'] { - border: 2px solid var(--theme--accent_blue) !important; -} -.notion-table-row-selector, -.notion-table-column-selector, -.notion-table-block .notion-focusable [style*='background: rgba(55, 53, 47, 0.06);'] { - background: var(--theme--ui_interactive-hover) !important; -} -.notion-table-row [style*='background: rgb(116, 182, 219);'], -.notion-table-row-selector[style*='background: rgb(116, 182, 219);'], -.notion-table-column-selector[style*='background: rgb(116, 182, 219);'], -.notion-table-block .notion-focusable [style*='background: rgb(116, 182, 219);'] { - background: var(--theme--accent_blue) !important; -} -.notion-table-row td[style*='background:'] { - background: var(--theme--bg_secondary) !important; -} diff --git a/src/core/theming/variables.css b/src/core/theming/variables.css deleted file mode 100644 index 8ff0aad..0000000 --- a/src/core/theming/variables.css +++ /dev/null @@ -1,407 +0,0 @@ -/** - * notion-enhancer: theming - * (c) 2021 dragonwocky (https://dragonwocky.me/) - * (https://notion-enhancer.github.io/) under the MIT license - */ - -:root { - --theme--page-padding: calc(96px + env(safe-area-inset-left)); - --theme--page-width: 900px; - --theme--page-width_full: 100%; - --theme--page_banner-height: 30vh; - --theme--page_preview-padding: 8rem; - --theme--page_preview-width: 977px; - --theme--page_preview_banner-height: 20vh; - - --theme--font_sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, - 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol'; - --theme--font_serif: Lyon-Text, Georgia, YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', - 'Hiragino Mincho Pro', 'Songti TC', 'Songti SC', SimSun, 'Nanum Myeongjo', NanumMyeongjo, - Batang, serif; - --theme--font_mono: iawriter-mono, Nitti, Menlo, Courier, monospace; - --theme--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace; - - --theme--accent_blue: rgb(46, 170, 220); - --theme--accent_blue-selection: rgb(46, 170, 220, 0.25); - --theme--accent_blue-hover: rgb(6, 156, 205); - --theme--accent_blue-active: rgb(0, 141, 190); - --theme--accent_blue-text: #fff; - --theme--accent_red: #eb5757; - --theme--accent_red-button: rgba(235, 87, 87, 0.1); - --theme--accent_red-text: #fff; -} - -:root.light { - --theme--bg: #fff; - --theme--bg_secondary: rgb(247, 246, 243); - --theme--bg_card: #fff; - - --theme--scrollbar_track: #edece9; - --theme--scrollbar_thumb: #d3d1cb; - --theme--scrollbar_thumb-hover: #aeaca6; - - --theme--ui_shadow: rgba(15, 15, 15, 0.05); - --theme--ui_divider: rgb(237, 237, 236); - --theme--ui_interactive-hover: rgba(55, 53, 47, 0.08); - --theme--ui_interactive-active: rgba(55, 53, 47, 0.16); - --theme--ui_toggle-on: var(--theme--accent_blue); - --theme--ui_toggle-off: rgba(135, 131, 120, 0.3); - --theme--ui_toggle-feature: #fff; - --theme--ui_input: rgba(242, 241, 238, 0.6); - --theme--ui_tooltip: rgb(15, 15, 15); - --theme--ui_tooltip-title: rgba(255, 255, 255, 0.9); - --theme--ui_tooltip-description: rgba(206, 205, 202, 0.6); - --theme--ui_corner_action: white; - --theme--ui_corner_action-hover: rgb(239, 239, 238); - --theme--ui_corner_action-active: rgb(223, 223, 222); - - --theme--icon: rgba(55, 53, 47, 0.8); - --theme--icon_secondary: rgba(55, 53, 47, 0.4); - - --theme--text: rgb(55, 43, 47); - --theme--text_secondary: rgba(55, 43, 47, 0.6); - - --theme--text_gray: rgba(120, 119, 116, 1); - --theme--text_brown: rgba(159, 107, 83, 1); - --theme--text_orange: rgba(217, 115, 13, 1); - --theme--text_yellow: rgba(203, 145, 47, 1); - --theme--text_green: rgba(68, 131, 97, 1); - --theme--text_blue: rgba(51, 126, 169, 1); - --theme--text_purple: rgba(144, 101, 176, 1); - --theme--text_pink: rgba(193, 76, 138, 1); - --theme--text_red: rgba(212, 76, 71, 1); - - --theme--highlight_gray: rgba(241, 241, 239, 1); - --theme--highlight_gray-text: currentColor; - --theme--highlight_brown: rgba(244, 238, 238, 1); - --theme--highlight_brown-text: currentColor; - --theme--highlight_orange: rgba(251, 236, 221, 1); - --theme--highlight_orange-text: currentColor; - --theme--highlight_yellow: rgba(251, 243, 219, 1); - --theme--highlight_yellow-text: currentColor; - --theme--highlight_green: rgba(237, 243, 236, 1); - --theme--highlight_green-text: currentColor; - --theme--highlight_blue: rgba(231, 243, 248, 1); - --theme--highlight_blue-text: currentColor; - --theme--highlight_purple: rgba(244, 240, 247, 0.8); - --theme--highlight_purple-text: currentColor; - --theme--highlight_pink: rgba(249, 238, 243, 0.8); - --theme--highlight_pink-text: currentColor; - --theme--highlight_red: rgba(253, 235, 236, 1); - --theme--highlight_red-text: currentColor; - - --theme--callout_gray: rgb(241, 241, 239); - --theme--callout_gray-text: currentColor; - --theme--callout_brown: rgb(244, 238, 238); - --theme--callout_brown-text: currentColor; - --theme--callout_orange: rgb(251, 236, 221); - --theme--callout_orange-text: currentColor; - --theme--callout_yellow: rgb(251, 243, 219); - --theme--callout_yellow-text: currentColor; - --theme--callout_green: rgb(237, 243, 236); - --theme--callout_green-text: currentColor; - --theme--callout_blue: rgb(231, 243, 248); - --theme--callout_blue-text: currentColor; - --theme--callout_purple: rgba(244, 240, 247, 0.8); - --theme--callout_purple-text: currentColor; - --theme--callout_pink: rgba(249, 238, 243, 0.8); - --theme--callout_pink-text: currentColor; - --theme--callout_red: rgb(253, 235, 236); - --theme--callout_red-text: currentColor; - - --theme--tag_default: rgba(206, 205, 202, 0.5); - --theme--tag_default-text: var(--theme--text); - --theme--tag_light_gray: rgba(227, 226, 224, 0.5); - --theme--tag_light_gray-text: rgb(50, 48, 44); - --theme--tag_gray: rgb(227, 226, 224); - --theme--tag_gray-text: rgb(50, 48, 44); - --theme--tag_brown: rgb(238, 224, 218); - --theme--tag_brown-text: rgb(68, 42, 30); - --theme--tag_orange: rgb(250, 222, 201); - --theme--tag_orange-text: rgb(73, 41, 14); - --theme--tag_yellow: rgb(253, 236, 200); - --theme--tag_yellow-text: rgb(64, 44, 27); - --theme--tag_green: rgb(219, 237, 219); - --theme--tag_green-text: rgb(28, 56, 41); - --theme--tag_blue: rgb(211, 229, 239); - --theme--tag_blue-text: rgb(24, 51, 71); - --theme--tag_purple: rgb(232, 222, 238); - --theme--tag_purple-text: rgb(65, 36, 84); - --theme--tag_pink: rgb(245, 224, 233); - --theme--tag_pink-text: rgb(76, 35, 55); - --theme--tag_red: rgb(255, 226, 221); - --theme--tag_red-text: rgb(93, 23, 21); - - --theme--board_light_gray: rgba(249, 249, 245, 0.5); - --theme--board_light_gray-card: white; - --theme--board_light_gray-card_text: inherit; - --theme--board_light_gray-text: rgba(145, 145, 142, 0.5); - --theme--board_gray: rgba(247, 247, 245, 0.7); - --theme--board_gray-card: white; - --theme--board_gray-card_text: inherit; - --theme--board_gray-text: rgb(145, 145, 142); - --theme--board_brown: rgba(250, 246, 245, 0.7); - --theme--board_brown-card: white; - --theme--board_brown-card_text: inherit; - --theme--board_brown-text: rgb(187, 132, 108); - --theme--board_orange: rgba(252, 245, 242, 0.7); - --theme--board_orange-card: white; - --theme--board_orange-card_text: inherit; - --theme--board_orange-text: rgb(215, 129, 58); - --theme--board_yellow: rgba(250, 247, 237, 0.7); - --theme--board_yellow-card: white; - --theme--board_yellow-card_text: inherit; - --theme--board_yellow-text: rgb(203, 148, 51); - --theme--board_green: rgba(244, 248, 243, 0.7); - --theme--board_green-card: white; - --theme--board_green-card_text: inherit; - --theme--board_green-text: rgb(108, 155, 125); - --theme--board_blue: rgba(241, 248, 251, 0.7); - --theme--board_blue-card: white; - --theme--board_blue-card_text: inherit; - --theme--board_blue-text: rgb(91, 151, 189); - --theme--board_purple: rgba(249, 246, 252, 0.7); - --theme--board_purple-card: white; - --theme--board_purple-card_text: inherit; - --theme--board_purple-text: rgb(167, 130, 195); - --theme--board_pink: rgba(251, 245, 251, 0.7); - --theme--board_pink-card: white; - --theme--board_pink-card_text: inherit; - --theme--board_pink-text: rgb(205, 116, 159); - --theme--board_red: rgba(253, 245, 243, 0.7); - --theme--board_red-card: white; - --theme--board_red-card_text: inherit; - --theme--board_red-text: rgb(225, 111, 100); - - --theme--code_inline: rgba(135, 131, 120, 0.15); - --theme--code_inline-text: #eb5757; - - --theme--code: #f7f6f3; - --theme--code_plain: var(--theme--text); - --theme--code_property: #905; - --theme--code_tag: var(--theme--code_property); - --theme--code_boolean: var(--theme--code_property); - --theme--code_number: var(--theme--code_property); - --theme--code_constant: var(--theme--code_property); - --theme--code_symbol: var(--theme--code_property); - --theme--code_deleted: var(--theme--code_property); - --theme--code_selector: #690; - --theme--code_attr-name: var(--theme--code_selector); - --theme--code_string: var(--theme--code_selector); - --theme--code_char: var(--theme--code_selector); - --theme--code_builtin: var(--theme--code_selector); - --theme--code_inserted: var(--theme--code_selector); - --theme--code_operator: #9a6e3a; - --theme--code_entity: var(--theme--code_operator); - --theme--code_url: var(--theme--code_operator); - --theme--code_variable: var(--theme--code_regex); - --theme--code_comment: slategray; - --theme--code_cdata: var(--theme--code_comment); - --theme--code_prolog: var(--theme--code_comment); - --theme--code_doctype: var(--theme--code_comment); - --theme--code_atrule: #07a; - --theme--code_attr-value: var(--theme--code_atrule); - --theme--code_keyword: var(--theme--code_atrule); - --theme--code_regex: #e90; - --theme--code_important: var(--theme--code_regex); - --theme--code_function: #dd4a68; - --theme--code_class-name: var(--theme--code_function); - --theme--code_parameter: var(--theme--code_plain); - --theme--code_decorator: var(--theme--code_plain); - --theme--code_id: var(--theme--code_plain); - --theme--code_class: var(--theme--code_plain); - --theme--code_pseudo-element: var(--theme--code_plain); - --theme--code_pseudo-class: var(--theme--code_plain); - --theme--code_attribute: var(--theme--code_plain); - --theme--code_value: var(--theme--code_plain); - --theme--code_unit: var(--theme--code_plain); - --theme--code_punctuation: #999; - --theme--code_annotation: var(--theme--code_plain); -} - -:root.dark { - --theme--bg: rgb(47, 52, 55); - --theme--bg_secondary: rgb(55, 60, 63); - --theme--bg_card: rgb(63, 68, 71); - - --theme--scrollbar_track: rgba(202, 204, 206, 0.04); - --theme--scrollbar_thumb: #474c50; - --theme--scrollbar_thumb-hover: rgba(202, 204, 206, 0.3); - - --theme--ui_shadow: rgba(15, 15, 15, 0.15); - --theme--ui_divider: rgb(255, 255, 255, 0.07); - --theme--ui_interactive-hover: rgba(255, 255, 255, 0.1); - --theme--ui_interactive-active: rgb(63, 68, 71); - --theme--ui_toggle-on: var(--theme--accent_blue); - --theme--ui_toggle-off: rgba(202, 204, 206, 0.3); - --theme--ui_toggle-feature: #fff; - --theme--ui_input: rgba(15, 15, 15, 0.3); - --theme--ui_tooltip: rgb(202, 204, 206); - --theme--ui_tooltip-title: rgb(15, 15, 15); - --theme--ui_tooltip-description: rgba(47, 52, 55, 0.6); - --theme--ui_corner_action: rgb(80, 85, 88); - --theme--ui_corner_action-hover: rgb(98, 102, 104); - --theme--ui_corner_action-active: rgb(120, 123, 123); - - --theme--icon: rgba(202, 204, 206); - --theme--icon_secondary: rgb(202, 204, 206, 0.6); - - --theme--text: rgba(255, 255, 255, 0.9); - --theme--text_secondary: rgba(255, 255, 255, 0.6); - - --theme--text_gray: rgba(159, 164, 169, 1); - --theme--text_brown: rgba(212, 150, 117, 1); - --theme--text_orange: rgba(217, 133, 56, 1); - --theme--text_yellow: rgba(201, 145, 38, 1); - --theme--text_green: rgba(113, 178, 131, 1); - --theme--text_blue: rgba(102, 170, 218, 1); - --theme--text_purple: rgba(176, 152, 217, 1); - --theme--text_pink: rgba(223, 132, 209, 1); - --theme--text_red: rgba(234, 135, 140, 1); - - --theme--highlight_gray: rgba(60, 65, 68, 1); - --theme--highlight_gray-text: currentColor; - --theme--highlight_brown: rgba(76, 61, 53, 1); - --theme--highlight_brown-text: currentColor; - --theme--highlight_orange: rgba(85, 59, 41, 1); - --theme--highlight_orange-text: currentColor; - --theme--highlight_yellow: rgba(79, 64, 41, 1); - --theme--highlight_yellow-text: currentColor; - --theme--highlight_green: rgba(46, 68, 58, 1); - --theme--highlight_green-text: currentColor; - --theme--highlight_blue: rgba(45, 66, 86, 1); - --theme--highlight_blue-text: currentColor; - --theme--highlight_purple: rgba(69, 58, 91, 1); - --theme--highlight_purple-text: currentColor; - --theme--highlight_pink: rgba(81, 56, 77, 1); - --theme--highlight_pink-text: currentColor; - --theme--highlight_red: rgba(94, 52, 54, 1); - --theme--highlight_red-text: currentColor; - - --theme--callout_gray: rgb(60, 65, 68); - --theme--callout_gray-text: currentColor; - --theme--callout_brown: rgb(76, 61, 53); - --theme--callout_brown-text: currentColor; - --theme--callout_orange: rgb(85, 59, 41); - --theme--callout_orange-text: currentColor; - --theme--callout_yellow: rgb(79, 64, 41); - --theme--callout_yellow-text: currentColor; - --theme--callout_green: rgb(46, 68, 58); - --theme--callout_green-text: currentColor; - --theme--callout_blue: rgb(45, 66, 86); - --theme--callout_blue-text: currentColor; - --theme--callout_purple: rgb(69, 58, 91); - --theme--callout_purple-text: currentColor; - --theme--callout_pink: rgb(81, 56, 77); - --theme--callout_pink-text: currentColor; - --theme--callout_red: rgb(94, 52, 54); - --theme--callout_red-text: currentColor; - - --theme--tag_default: rgba(206, 205, 202, 0.5); - --theme--tag_default-text: var(--theme--text); - --theme--tag_light_gray: rgba(71, 76, 80, 0.7); - --theme--tag_light_gray-text: rgba(255, 255, 255, 0.88); - --theme--tag_gray: rgb(71, 76, 80); - --theme--tag_gray-text: rgba(255, 255, 255, 0.88); - --theme--tag_brown: rgb(92, 71, 61); - --theme--tag_brown-text: rgba(255, 255, 255, 0.88); - --theme--tag_orange: rgb(136, 84, 44); - --theme--tag_orange-text: rgba(255, 255, 255, 0.88); - --theme--tag_yellow: rgb(146, 118, 63); - --theme--tag_yellow-text: rgba(255, 255, 255, 0.88); - --theme--tag_green: rgb(50, 82, 65); - --theme--tag_green-text: rgba(255, 255, 255, 0.88); - --theme--tag_blue: rgb(42, 78, 107); - --theme--tag_blue-text: rgba(255, 255, 255, 0.88); - --theme--tag_purple: rgb(83, 68, 116); - --theme--tag_purple-text: rgba(255, 255, 255, 0.88); - --theme--tag_pink: rgb(106, 59, 99); - --theme--tag_pink-text: rgba(255, 255, 255, 0.88); - --theme--tag_red: rgb(122, 54, 59); - --theme--tag_red-text: rgba(255, 255, 255, 0.88); - - --theme--board_light_gray: rgba(51, 55, 59, 0.7); - --theme--board_light_gray-card: rgba(60, 65, 68, 0.7); - --theme--board_light_gray-card_text: inherit; - --theme--board_light_gray-text: rgba(107, 112, 116, 0.7); - --theme--board_gray: rgb(51, 55, 59); - --theme--board_gray-card: rgb(60, 65, 68); - --theme--board_gray-card_text: inherit; - --theme--board_gray-text: rgb(107, 112, 116); - --theme--board_brown: rgb(59, 54, 51); - --theme--board_brown-card: rgb(76, 61, 53); - --theme--board_brown-card_text: inherit; - --theme--board_brown-text: rgb(155, 98, 69); - --theme--board_orange: rgb(61, 54, 49); - --theme--board_orange-card: rgb(85, 59, 41); - --theme--board_orange-text: rgb(168, 92, 30); - --theme--board_yellow: rgb(56, 55, 49); - --theme--board_yellow-card: rgb(79, 64, 41); - --theme--board_yellow-card_text: inherit; - --theme--board_yellow-text: rgb(137, 107, 42); - --theme--board_green: rgb(49, 57, 53); - --theme--board_green-card: rgb(46, 68, 58); - --theme--board_green-card_text: inherit; - --theme--board_green-text: rgb(61, 124, 86); - --theme--board_blue: rgb(49, 56, 64); - --theme--board_blue-card: rgb(45, 66, 86); - --theme--board_blue-card_text: inherit; - --theme--board_blue-text: rgb(46, 117, 164); - --theme--board_purple: rgb(57, 53, 65); - --theme--board_purple-card: rgb(69, 58, 91); - --theme--board_purple-card_text: inherit; - --theme--board_purple-text: rgb(123, 96, 180); - --theme--board_pink: rgb(60, 53, 58); - --theme--board_pink-card: rgb(81, 56, 77); - --theme--board_pink-card_text: inherit; - --theme--board_pink-text: rgb(169, 76, 157); - --theme--board_red: rgb(66, 51, 51); - --theme--board_red-card: rgb(94, 52, 54); - --theme--board_red-card_text: inherit; - --theme--board_red-text: rgb(194, 65, 82); - - --theme--code_inline: rgba(135, 131, 120, 0.15); - --theme--code_inline-text: #eb5757; - - --theme--code: rgb(63, 68, 71); - --theme--code_plain: var(--theme--text); - --theme--code_property: hsl(350, 40%, 70%); - --theme--code_tag: var(--theme--code_property); - --theme--code_boolean: var(--theme--code_property); - --theme--code_number: var(--theme--code_property); - --theme--code_constant: var(--theme--code_property); - --theme--code_symbol: var(--theme--code_property); - --theme--code_deleted: #f00; - --theme--code_selector: hsl(75, 70%, 60%); - --theme--code_attr-name: var(--theme--code_selector); - --theme--code_string: var(--theme--code_selector); - --theme--code_char: var(--theme--code_selector); - --theme--code_builtin: var(--theme--code_selector); - --theme--code_inserted: var(--theme--code_selector); - --theme--code_operator: hsl(40, 90%, 60%); - --theme--code_entity: var(--theme--code_operator); - --theme--code_url: var(--theme--code_operator); - --theme--code_variable: var(--theme--code_operator); - --theme--code_comment: hsl(30, 20%, 50%); - --theme--code_cdata: var(--theme--code_comment); - --theme--code_prolog: var(--theme--code_comment); - --theme--code_doctype: var(--theme--code_comment); - --theme--code_atrule: hsl(350, 40%, 70%); - --theme--code_attr-value: var(--theme--code_atrule); - --theme--code_keyword: var(--theme--code_atrule); - --theme--code_regex: #e90; - --theme--code_important: var(--theme--code_regex); - --theme--code_function: var(--theme--code_plain); - --theme--code_class-name: var(--theme--code_function); - --theme--code_parameter: var(--theme--code_plain); - --theme--code_decorator: var(--theme--code_plain); - --theme--code_id: var(--theme--code_plain); - --theme--code_class: var(--theme--code_plain); - --theme--code_pseudo-element: var(--theme--code_plain); - --theme--code_pseudo-class: var(--theme--code_plain); - --theme--code_attribute: var(--theme--code_plain); - --theme--code_value: var(--theme--code_plain); - --theme--code_unit: var(--theme--code_plain); - --theme--code_punctuation: var(--theme--code_plain); - --theme--code_annotation: var(--theme--code_plain); -} diff --git a/src/core/variables.css b/src/core/variables.css index e5701c1..2ad9f3c 100644 --- a/src/core/variables.css +++ b/src/core/variables.css @@ -5,8 +5,18 @@ */ body.dark { + --theme--font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, + "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, + "Segoe UI Emoji", "Segoe UI Symbol"; + --theme--font-serif: Lyon-Text, Georgia, YuMincho, "Yu Mincho", + "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Songti TC", "Songti SC", + SimSun, "Nanum Myeongjo", NanumMyeongjo, Batang, serif; + --theme--font-mono: iawriter-mono, Nitti, Menlo, Courier, monospace; + --theme--font-code: SFMono-Regular, Consolas, "Liberation Mono", Menlo, + Courier, monospace; --theme--fg-primary: rgba(255, 255, 255, 0.81); --theme--fg-secondary: rgb(155, 155, 155); + --theme--fg-border: rgb(47, 47, 47); --theme--fg-gray: rgb(155, 155, 155); --theme--fg-brown: rgb(186, 133, 111); --theme--fg-orange: rgb(199, 125, 72); @@ -16,6 +26,9 @@ body.dark { --theme--fg-purple: rgb(157, 104, 211); --theme--fg-pink: rgb(209, 87, 150); --theme--fg-red: rgb(223, 84, 82); + --theme--bg-primary: rgb(25, 25, 25); + --theme--bg-secondary: rgb(32, 32, 32); + --theme--bg-hover: rgba(255, 255, 255, 0.055); --theme--bg-light_gray: rgb(55, 55, 55); --theme--bg-gray: rgb(90, 90, 90); --theme--bg-brown: rgb(96, 59, 44); @@ -24,8 +37,18 @@ body.dark { --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--bg-red: rgb(110, 54, 48); + --theme--bg_dim-light_gray: rgb(28, 28, 28); + --theme--bg_dim-gray: rgb(32, 32, 32); + --theme--bg_dim-brown: rgb(35, 30, 28); + --theme--bg_dim-orange: rgb(37, 31, 27); + --theme--bg_dim-yellow: rgb(35, 31, 26); + --theme--bg_dim-green: rgb(29, 34, 32); + --theme--bg_dim-blue: rgb(27, 31, 34); + --theme--bg_dim-purple: rgb(31, 29, 33); + --theme--bg_dim-pink: rgb(35, 28, 31); + --theme--bg_dim-red: rgb(36, 30, 29); --theme--accent-primary: rgb(35, 131, 226); --theme--accent-primary_hover: rgb(0, 117, 211); --theme--accent-primary_contrast: rgb(255, 255, 255); @@ -36,7 +59,7 @@ body.dark { --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_fg: #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); @@ -73,8 +96,18 @@ body.dark { } body:not(.dark) { + --theme--font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, + "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, + "Segoe UI Emoji", "Segoe UI Symbol"; + --theme--font-serif: Lyon-Text, Georgia, YuMincho, "Yu Mincho", + "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Songti TC", "Songti SC", + SimSun, "Nanum Myeongjo", NanumMyeongjo, Batang, serif; + --theme--font-mono: iawriter-mono, Nitti, Menlo, Courier, monospace; + --theme--font-code: SFMono-Regular, Consolas, "Liberation Mono", Menlo, + Courier, monospace; --theme--fg-primary: rgb(55, 53, 47); --theme--fg-secondary: rgba(25, 23, 17, 0.6); + --theme--fg-border: rgb(233, 233, 231); --theme--fg-gray: rgb(120, 119, 116); --theme--fg-brown: rgb(159, 107, 83); --theme--fg-orange: rgb(217, 115, 13); @@ -84,6 +117,9 @@ body:not(.dark) { --theme--fg-purple: rgb(144, 101, 176); --theme--fg-pink: rgb(193, 76, 138); --theme--fg-red: rgb(212, 76, 71); + --theme--bg-primary: rgb(255, 255, 255); + --theme--bg-secondary: rgb(251, 251, 250); + --theme--bg-hover: rgba(55, 53, 47, 0.08); --theme--bg-light_gray: rgba(227, 226, 224, 0.5); --theme--bg-gray: rgb(227, 226, 224); --theme--bg-brown: rgb(238, 224, 218); @@ -92,8 +128,18 @@ body:not(.dark) { --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--bg-red: rgb(255, 226, 221); + --theme--bg_dim-light_gray: rgba(249, 249, 245, 0.5); + --theme--bg_dim-gray: rgba(247, 247, 245, 0.7); + --theme--bg_dim-brown: rgba(250, 246, 245, 0.7); + --theme--bg_dim-orange: rgba(252, 245, 242, 0.7); + --theme--bg_dim-yellow: rgba(250, 247, 237, 0.7); + --theme--bg_dim-green: rgba(244, 248, 243, 0.7); + --theme--bg_dim-blue: rgba(241, 248, 251, 0.7); + --theme--bg_dim-purple: rgba(249, 246, 252, 0.7); + --theme--bg_dim-pink: rgba(251, 245, 251, 0.7); + --theme--bg_dim-red: rgba(253, 245, 243, 0.7); --theme--accent-primary: rgb(35, 131, 226); --theme--accent-primary_hover: rgb(0, 117, 211); --theme--accent-primary_contrast: rgb(255, 255, 255); @@ -104,7 +150,7 @@ body:not(.dark) { --theme--scrollbar-track: #edece9; --theme--scrollbar-thumb: #d3d1cb; --theme--scrollbar-thumb_hover: #aeaca6; - --theme--code-inli: #eb5757; + --theme--code-inline_fg: #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);