Fix background colours on the notebooks

packages/web/components/templates/article/Notebook.tsx

@@ -226,8 +226,6 @@ export function NotebookContent(props: NotebookContentProps): JSX.Element {
         height: '100%',
         width: '100%',
         px: '20px',
-
-        bg: '$thLibrarySearchbox',
         '@mdDown': { p: '15px' },
       }}
     >

packages/web/components/templates/article/NotebookHeader.tsx

@@ -36,7 +36,7 @@ export const NotebookHeader = (props: NotebookHeaderProps) => {
         p: '20px',
         borderTopLeftRadius: '10px',
         overflow: 'clip',
-        background: '$thLibrarySearchbox',
+        background: '$thNotebookBackground',
         zIndex: 10,
         borderBottom: '1px solid $thNotebookBorder',
       }}

packages/web/components/templates/homeFeed/HighlightsLayout.tsx

@@ -182,7 +182,6 @@ export function HighlightItemsLayout(
                 flexGrow: '1',
                 justifyContent: 'center',
                 overflowY: 'scroll',
-                bg: '$thLibrarySearchbox',
                 '@lgDown': {
                   display: 'none',
                   flexGrow: 'unset',