Theme changes

src/pages/settings/components/Bookmarks/DebouncedBookmarkItem.tsx

@@ -11,7 +11,7 @@ function DebouncedBookmarkItem({
 	bookmarkItem,
 	setIsOpen,
 }: { bookmarkItem: Bookmark; setIsOpen: (isOpen: boolean) => void }) {
-	const { theme, handleDelete } = useCommonHooks();
+	const { handleDelete } = useCommonHooks();
 	const [modalOpened, { open: openModal, close: closeModal }] = useDisclosure(false);
 	const { mutateAsync } = useMutationAPI();
 
@@ -50,8 +50,8 @@ function DebouncedBookmarkItem({
 								padding: '8px',
 								margin: '8px',
 								borderRadius: '10px',
-								backgroundColor: 'var(--color-text-acc)',
-								color: 'var(--color-background)',
+								backgroundColor: 'var(--mantine-color-accent-0)',
+								color: 'var(--mantine-color-background-0)',
 							}}
 						>{`"${bookmark.name}"`}</Text>
 						<Text c='red'>This action cannot be undone!</Text>
@@ -60,8 +60,8 @@ function DebouncedBookmarkItem({
 				title='Delete Bookmark'
 			/>
 			<Tooltip
-				color={theme.primaryColor}
-				bd={`solid 1px ${theme.borderColor}`}
+				color={'var(--mantine-color-primary-0)'}
+				bd={'solid 1px var(--mantine-color-border-0)'}
 				label={'Delete'}
 			>
 				<ActionIcon