Skip to content

Rule · SEO

No theme-color meta

seo/theme-colorinfovoid seoupdated

Why it matters

Mobile browsers tint UI with theme-color; light and dark variants avoid a mismatched bar.

How to fix it

Set viewport.themeColor (not metadata) with prefers-color-scheme variants.

Example

ts
export const viewport: Viewport = {
  themeColor: [
    { media: '(prefers-color-scheme: light)', color: '#ffffff' },
    { media: '(prefers-color-scheme: dark)', color: '#0a0a0a' },
  ],
}

References

More seo rules

void seo reports 60 rules in this category. What search engines need from the raw response: status codes, titles and descriptions in <head>, self-referencing canonicals, one h1, crawlable links, Open Graph, icons, robots.txt and a sitemap with real dates.