#Can I use `light-dark` function in Highlight.highlightStyles?

2 messages · Page 1 of 1 (latest)

lilac flint
#

light-dark doesn't work in Highlight.highlightStyles. Are there any solutions to use different background color for highlight styles?

 <Highlight
      span
      highlight={highlight}
      tt="capitalize"
      highlightStyles={{
        padding: "2px",
        background:
          "light-dark(var(--mantine-color-yellow-4),var(--mantine-color-gray-6))",
      }}
    >
       {value}
    </Highlight>
haughty dune