dark mode

src/components/notion/Callout.astro

@@ -3,6 +3,7 @@ import * as interfaces from '../../lib/interfaces.ts'
 import { snakeToKebab } from '../../lib/style-helpers.ts'
 import RichText from './RichText.astro'
 import NotionBlocks from '../NotionBlocks.astro'
+import '../../styles/notion-color.css'
 
 export interface Props {
   block: interfaces.Block
@@ -58,8 +59,8 @@ const callout = block.Callout
     border-radius: 3px;
     border-width: 1px;
     border-style: solid;
-    border-color: transparent;
-    background: rgba(235, 236, 237, 0.6);
+    border-color: var(--notion-border);
+    background: var(--notion-surface);
   }
   .callout > div {
     min-width: 0;