dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-12 00:09:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: remove extra box-shadow from inline tables

Browse Source
This commit is contained in:
dragonwocky 2022-12-24 00:09:34 +11:00
parent 2719751e2b
commit c1480c3840
Signed by: dragonwocky
GPG Key ID: 7998D08F7D7BD7A8
2 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
scripts/generate-theme-css.mjs
View File

@ -16,7 +16,7 @@
// not yet themed: notion's new svg icons // not yet themed: notion's new svg icons
// future application once cleaned up and improved: // future application once cleaned up and improved:
// generate theme at runtime rather than manually building styles // generate theme at runtime rather than manually building styles
const darkMode = document.body.classList.contains("dark"), const darkMode = document.body.classList.contains("dark"),
modeSelector = darkMode ? ".dark" : ":not(.dark)"; modeSelector = darkMode ? ".dark" : ":not(.dark)";
@ -45,16 +45,24 @@ const generateFontStyles = () => {
--theme--font-code: ${fontCode};`; --theme--font-code: ${fontCode};`;
cssBody += ` cssBody += `
[style*='Segoe UI'] { [style*='Segoe UI'] {
font-family: var(--theme--font-sans, ${fontSans.split(',')[0]}), ${fontSans} !important; font-family: var(--theme--font-sans, ${
fontSans.split(",")[0]
}), ${fontSans} !important;
} }
[style*='Georgia'] { [style*='Georgia'] {
font-family: var(--theme--font-serif, ${fontSerif.split(',')[0]}), ${fontSerif} !important; font-family: var(--theme--font-serif, ${
fontSerif.split(",")[0]
}), ${fontSerif} !important;
} }
[style*='iawriter-mono'] { [style*='iawriter-mono'] {
font-family: var(--theme--font-mono, ${fontMono.split(',')[0]}), ${fontMono} !important; font-family: var(--theme--font-mono, ${
fontMono.split(",")[0]
}), ${fontMono} !important;
} }
[style*='SFMono-Regular'] { [style*='SFMono-Regular'] {
font-family: var(--theme--font-code, ${fontCode.split(',')[0]}), ${fontCode} !important; font-family: var(--theme--font-code, ${
fontCode.split(",")[0]
}), ${fontCode} !important;
} }
`; `;
}; };
@ -177,14 +185,14 @@ const generateForegroundStyles = () => {
boxShadows = new Set( boxShadows = new Set(
darkMode darkMode
? [ ? [
"box-shadow: rgba(255, 255, 255, 0.094) 0px -1px 0px;", "; 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: 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: 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(55, 53, 47, 0.09) 0px -1px 0px;",
"box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px inset;", "; 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;", "; box-shadow: white -3px 0px 0px, rgb(233, 233, 231) 0px 1px 0px;",
] ]
); );
for (const el of document.querySelectorAll( for (const el of document.querySelectorAll(
@ -224,12 +232,14 @@ const generateForegroundStyles = () => {
} }
${[...boxShadows] ${[...boxShadows]
.map( .map(
(shadow) => (shadow, i) =>
`.notion-body${modeSelector} [style*="${shadow}"] { `.notion-body${modeSelector} [style*="${shadow}"] {
${shadow ${shadow
.replace( .replace(
/rgba?\([^\)]+\)/g, /rgba?\([^\)]+\)/g,
`var(--theme--fg-border, ${defaultBorder})` i === 2
? "transparent"
: `var(--theme--fg-border, ${defaultBorder})`
) )
.slice(0, -1)} !important; .slice(0, -1)} !important;
}` }`

2
src/core/theme.css
View File

File diff suppressed because one or more lines are too long