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

manifest: theme_color