Html5-boilerplate: index.htmlにtheme-colorメタタグを追加します

作成日 2018年10月04日  ·  12コメント  ·  ソース: h5bp/html5-boilerplate

私は提出しています...

  • []バグレポート
  • [x]機能リクエスト
  • []その他(ここ(下記)でサポートリクエストを送信しないでください)

Chrome forAndroidおよびSamsungInternetは、 <meta name="theme-color" content="#3c790a">メタタグをサポートしています。
https://caniuse.com/#feat = meta-theme-color

これについてはドキュメント(https://github.com/h5bp/html5-boilerplate/blob/master/src/doc/extend.md#theme-color)で簡単に説明していますが、メタタグはデフォルトのindex.htmlテンプレート。 Chrome for Androidはブラウザの市場シェアが非常に大きく(33%)、テーマカラーを追加することはすべてのWebサイトとWebアプリにとって便利な追加です。

enhancement

最も参考になるコメント

@coliffに加えて、#fafafaは、影のある真っ白なカードとの優れたコントラストを伝えるために、Googleが推奨する背景色です。

マテリアルデザインの公式ウェブサイトから次の例をご覧ください。
カードの背後の背景色は、実際には#fafafaです。

Background colour example

全てのコメント12件

私はその考えが好きです。 デフォルト値には良性のものを選択する必要があります。

または...ホットピンク?

ホットピンクはH5BPの伝統です。 これは、デフォルトのテキスト選択色ではありませんでしたか?

ハ。 多くの人はそれを変えようとは思わないかもしれないと思うので、ライトグレーが最善かもしれないと思います。

@jonathantnealそうだった。 4.0で削除され、コミットに関するコメントが91件ありました。

image

はい...それは伝統でもありました...後でまさにその理由でそれを削除するために...うーん...思い出...

うん、おそらくホットピンクではない😄

修正されたweb.manifestPR#2060には、theme_colorが#fafafaとしてあります-ほぼ白です。 私たちはそれで行くことをお勧めします。 それは大丈夫ですか? theme_colorを選択するものはすべて、web.manifestとHTMLメタタグの両方で一致する必要があります。

これは現在PR#2074で対処されています

@coliffに加えて、#fafafaは、影のある真っ白なカードとの優れたコントラストを伝えるために、Googleが推奨する背景色です。

マテリアルデザインの公式ウェブサイトから次の例をご覧ください。
カードの背後の背景色は、実際には#fafafaです。

Background colour example

#2074に追加されました。

ついに!

このページは役に立ちましたか?
0 / 5 - 0 評価