Giter VIP home page Giter VIP logo

Comments (7)

paulirish avatar paulirish commented on May 2, 2024

@brendankenny i think we have the pieces for this. can you hook them up to an aggregator so it gets surfaced?

from lighthouse.

paulirish avatar paulirish commented on May 2, 2024

I have a PR up that'll take care of this.

from lighthouse.

paulirish avatar paulirish commented on May 2, 2024

@mounirlamouri question that came up in #104.. what happens if color are specified in both meta and manifest and they differ?

from lighthouse.

mounirlamouri avatar mounirlamouri commented on May 2, 2024

If theme_color is defined in the Manifest, it will be used as a default theme_color. Each page can then override it using the meta tag. Though, using the Manifest theme_color has the added benefit of being used for the splash screen.

from lighthouse.

paulirish avatar paulirish commented on May 2, 2024

Perfect. That's just what we needed to know. Thanks!

from lighthouse.

brendankenny avatar brendankenny commented on May 2, 2024

I think I still don't understand the purpose of this audit. Maybe it's just that the title of this issue is throwing me off. What are brand colors? :)

Is the idea:

  • Chrome won't by default fetch the manifest, so <meta> theme-color is needed
  • When Chrome does fetch the manifest, it will use the manifest's theme_color for things like the splash screen, so you need it there too

but if the <meta> theme-color overrides the manifest theme_color, do you need a manifest one for the omnibox if you have a <meta> one? It seems like one or the other is sufficient, unless you want a splash screen color as well?

from lighthouse.

brendankenny avatar brendankenny commented on May 2, 2024

Oh, I might be missing the other way. If you have a theme_color in your manifest, you need a <meta> theme-color in your page because we don't currently fetch the manifest on page load.

But it seems like if you have a <meta> theme-color, the manifest theme_color should be optional still?

from lighthouse.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.