Html5-boilerplate: Fügen Sie das Meta-Tag theme-color zu index.html hinzu

Erstellt am 4. Okt. 2018  ·  12Kommentare  ·  Quelle: h5bp/html5-boilerplate

Ich schicke ein ...

  • [ ] Fehlerbericht
  • [x] Funktionsanfrage
  • [ ] Sonstiges (Hier (unten) bitte keine Supportanfragen stellen)

Chrome für Android und Samsung Internet unterstützt das Meta-Tag <meta name="theme-color" content="#3c790a"> .
https://caniuse.com/#feat =meta-theme-color

Wir behandeln dies kurz in unseren Dokumenten (https://github.com/h5bp/html5-boilerplate/blob/master/src/doc/extend.md#theme-color), aber ich denke, das Meta-Tag sollte jetzt in der enthalten sein Standardvorlage index.html . Chrome für Android hat einen riesigen Browser-Marktanteil (33 %) und das Hinzufügen einer Designfarbe ist eine nützliche Ergänzung für alle Websites und Webapps.

enhancement

Hilfreichster Kommentar

Als Ergänzung zu @coliff ist #fafafa Googles Empfehlung für Hintergrundfarbe, um einen schönen Kontrast zu reinweißen Karten mit Schatten zu vermitteln.

Sehen Sie sich das folgende Beispiel von der offiziellen Material Design-Website an.
Die Hintergrundfarbe hinter den Karten ist tatsächlich #fafafa.

Background colour example

Alle 12 Kommentare

Ich mag die Idee. Wir müssen etwas Gutes für den Standardwert auswählen.

oder ... Pink?

Hot Pink ist die Tradition von H5BP. War das nicht einmal die Standardfarbe für die Textauswahl?

Ha. Ich denke, viele Leute denken vielleicht nicht daran, es zu ändern, also denke ich, dass ein helles Grau am besten sein könnte.

@jonathantneal Es war. Es wurde in 4.0 mit 91 Kommentaren zum Commit entfernt!

image

Ja... das war auch die Tradition... um es später aus genau dem Grund zu entfernen... Mmm... Erinnerungen...

Ja, also wahrscheinlich nicht pink 😄

Das geänderte web.manifest PR #2060, das wir haben, hat theme_color als #fafafa – fast weiß. Ich schlage vor, wir gehen damit. Ist das in Ordnung? Was auch immer wir wählen, die theme_color muss sowohl im web.manifest als auch im HTML-Meta-Tag übereinstimmen.

Dies wird jetzt in PR Nr. 2074 behandelt

Als Ergänzung zu @coliff ist #fafafa Googles Empfehlung für Hintergrundfarbe, um einen schönen Kontrast zu reinweißen Karten mit Schatten zu vermitteln.

Sehen Sie sich das folgende Beispiel von der offiziellen Material Design-Website an.
Die Hintergrundfarbe hinter den Karten ist tatsächlich #fafafa.

Background colour example

Hinzugefügt in #2074.

Endlich!

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

neilcreagh picture neilcreagh  ·  28Kommentare

roblarsen picture roblarsen  ·  8Kommentare

greenchili picture greenchili  ·  20Kommentare

gaurav21r picture gaurav21r  ·  21Kommentare

necolas picture necolas  ·  44Kommentare