Dark mode issue about react-notion HOT 5 CLOSED

Only the links right?

from react-notion.

Oh sorry, I forgot to close this issue. Finally, I found a way to resolve this using React-Notion-X

from react-notion.

it would be great if you could share your solution 🙂, because I m using your same stack

from react-notion.

I know, but so far that's what I've tried and I didn't find a concrete solution for that, LOL. So for now I use another equivalent library to resolve my issue, LOL.

from react-notion.

FWIW I was able to do this with styled components and twin.macro

import React from 'react';
import PropTypes from 'prop-types';
import { css, styled } from 'twin.macro';

const styles = css`
@media (prefers-color-scheme: dark) {
  .notion, .notion-text, .notion-page-link {
    color: white;
    background-color: #1e1e1e;
  }
}
}`;

const StyledDiv = styled.div(() => [styles]);
...
  return (
<StyledDiv>
    <NotionRenderer blockMap={recordMap.data} />
</StyedDiv>
  );

from react-notion.