diff --git a/scripts/generate-theme-css.mjs b/scripts/generate-theme-css.mjs
index 280a5d2..e0301f9 100644
--- a/scripts/generate-theme-css.mjs
+++ b/scripts/generate-theme-css.mjs
@@ -407,6 +407,9 @@ const styleBackgrounds = () => {
? ["rgb(37, 37, 37)", "rgb(47, 47, 47)"]
: ["rgb(253, 253, 253)"],
});
+ // patch: remove overlay from settings sidebar
+ // to match notion-enhancer menu sidebar colour
+ cssBody += `.notion-overlay-container .notion-space-settings > div > div > [style*="height: 100%; background: rgba(255, 255, 255, 0.03);"] { background: transparent !important }`;
// cards
overrideStyle({
diff --git a/src/core/menu/islands/Sidebar.mjs b/src/core/menu/islands/Sidebar.mjs
index f163db5..8296869 100644
--- a/src/core/menu/islands/Sidebar.mjs
+++ b/src/core/menu/islands/Sidebar.mjs
@@ -10,9 +10,9 @@ import { Description } from "../components/Description.mjs";
function SidebarHeading({}, ...children) {
const { html } = globalThis.__enhancerApi;
return html`
${children}
`;
@@ -22,8 +22,9 @@ function SidebarButton({ id, icon, ...props }, ...children) {
const { html, extendProps } = globalThis.__enhancerApi,
$btn = html`<${props["href"] ? "a" : "button"}
class="flex items-center select-none text-[14px]
- py-[5px] px-[15px] last:mb-[12px] w-full transition
- hover:bg-[color:var(--theme--bg-hover)] disabled:hidden"
+ min-h-[27px] px-[12px] my-px last:mb-[12px] w-full
+ transition hover:bg-[color:var(--theme--bg-hover)]
+ disabled:hidden rounded-[3px]"
...${props}
>
${icon
@@ -59,8 +60,9 @@ function Sidebar({ items, categories }) {
policy and terms & conditions on the welcome page.
`,
$sidebar = html`