WebApp：ネイティブユーザーインターフェイスのアイコン、色...の使用方法

Question

WebAppで作業を始めていますが、これはネイティブのものと同じように動作するはずです。だから私自身のテーマを作りたくないのですが、私はユーザーが使っているUI（Unity [Ubuntu]、エクスプローラ[Windows]、Gnome [Mint]など）のテーマを使いたいと思っています。

これらは私がUIのテーマから撮りたいいくつかのものです：

• アイコン： "保存"、 "開く"、 "コピー"、 "貼り付け" と、このようなアイコン
• 体位：Windowsアプリケーションは、左側に「OK」ボタンを、右側に「キャンセル」ボタンを表示し、逆にUbuntuユーザの場合はそのボタンを描画します。もう1つの例：Ubuntuユーザーは、「編集」でアプリケーション設定のメニュー項目を見つけることができ、Windowsユーザーは「エクストラ」でそれを見つけることができます。
• 命名規則：「フォルダ」と「ディレクトリ」のようなものは、異なる方法で呼び出されます。
• 色と背景：Unity/Ubuntuユーザーにはメニューバーの背景が灰色で表示され、Explorer/Windows7ユーザーにはラベンダーが表示されます。

私が話したすべてのことが可能になるわけではありません。しかし、私はこれらの問題の少なくともいくつかを解決したいと思います。ここで私が話を聞いたいくつかのソリューションです：

• （-moz-）外観（廃止CSS3 darft）
• CSSシステム色ButtonTextや窓などの（非推奨は、多くのブラウザでのavaible）
• CSSシステムフォント（廃止CSS3 darft）

私の質問：あなたは色を取るために他のスコープを知っていますか、アイコン...ユーザーインターフェイスから？

Answer 1

あなたが使用できる唯一のものは、CSSシステムの色です。ユーザーエージェントのスニッフィングでそれ以外のものはすべて推測できますが、それは推測に過ぎません。

Answer 2

アイコンの場合、moz-iconを使用できます。例：

#content a[href $=".pdf"]:before { 
    content: url("moz-icon://.pdf"); 
} 

これはFirefoxとGeckoベースのブラウザでのみ機能します。