how to force page open dark theme of browser in react component

Question

I want all users see scrollbars as its in dark mode of chrome;

But some users dont use dark theme in chrome so I set colorSchema:"dark" of parent div style and it looks like pic below;

Why its diffirent from origin dark style? how to use the schema with strong dark?(first pic)

I know there is custom css solution to change scrollbar css. its ok, but I am using reactjs, is it possible to style scroll bar in react component file?

const PARENTDIV: React.CSSProperties = {
  backgroundColor: color.quizBackground,
  flex: 1,
  colorScheme: 'dark',
}