If I want to split my CSS into two files, one for dark mode and one for light mode, how do I conditionally load them without using java script but only html?

I couldn't find any examples on <https://developer.mozilla.org>, like so?

```html
<link rel="stylesheet" href="/light.css" type="text/css" media="(prefers-color-schme: light)">
<link rel="stylesheet" href="/dark.css" type="text/css" media="(prefers-color-schme: dark)">

```