Current highlighted line color

[sam-rez]

When highlighting lines of text, the current highlighted line color is different than the rest. In the image below, line 1 is different than the rest of the highlighted block.

How can I make the entire highlighted block the same color?

[jaywcjlove]

@sam-rez https://discuss.codemirror.net/t/highlight-line-function/4627/7

[jaywcjlove]

@sam-rez

import CodeMirror from '@uiw/react-codemirror';
import { zebraStripes } from '@uiw/codemirror-zebra-stripes';

function App() {
  return (
    <CodeMirror
      value=""
      height="200px"
      extensions={[
        zebraStripes({
          lineNumber: [1, [3, 6], 10],
          lightColor: '#aca2ff33',
          darkColor: '#aca2ff40',
        }),
      ]}
    />
  );
}
export default App;

[sam-rez]

I fixed it by adding
highlightActiveLine: false
in basicSetup