theme-color Meta Tag
Meta tag to define a suggested color that browsers should use to customize the display of the page or of the surrounding user interface. The meta tag overrides any theme-color set in the web app manifest.
prefers-color-scheme media query
Media query to detect if the user has set their system to use a light or dark color theme.
html element: meta: name: theme-color