В Интернете существует множество способов переключения между светлыми и тёмными темами. Мы можем использовать JavaScript или медиа запрос prefers-color-scheme в CSS для переключения между темами на основе системных предпочтений пользователя.

Медиа запрос prefers-color-scheme позволяет выполнять действия, применяемые только при включении светлого или тёмного режима в системе пользователя. Например, можно изменить цвет фона страницы на чёрный, если в системе пользователя включён тёмный режим, следующим образом.

body {
  background-color: white;
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: black;
  }
}

Аналогичным образом можно изменить цвет текста в зависимости от системных предпочтений пользователя.

https://www.dev-notes.ru/articles/css/the-new-light-dark-function-to-switch-theme-color-in-css/