Change default highlight color given by customTextRenderer

[Swejal08]

I am using customTextRenderer to highlight some texts.

<Page
              key={`page_${pageNumber + 1}`}
              pageNumber={pageNumber + 1}
              scale={scale}
              customTextRenderer={(data) =>
                textHighlighter(data, pageNumber + 1)
              }
              loading={PDFLoading}
              setPageVisibility={setPageVisibility}
              width={480}
            ></Page>

the textHighlighter function looks like

 const textHighlighter = (data, page: number) => {
       const { str } = data;
        return `<mark>${str}</mark>`;
  };

By default , the highlighted color is yellow. How do i change this default color to something else ?

[wojtekmaj]

Just add styles for mark element in your CSS :)