1

ネイティブのように動作する WebApp の作業を始めたばかりです。そのため、自分でテーマを作成するのではなく、ユーザーが使用するユーザー インターフェイス (Unity [Ubuntu]、Explorer [Windows]、Gnome [Mint] など) のテーマを使用したいと考えています。

これらは、UI のテーマから取り入れたいものです。

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

私が話したすべてのことが可能になるわけではないことはわかっています。しかし、私はこれらの問題の少なくともいくつかを解決したいと考えています。私が聞いたいくつかの解決策は次のとおりです。

  • (-moz-)appearance (廃止された CSS3 darft )
  • ButtonText や Window などのCSS システム カラー(非推奨ですが、多くのブラウザで使用可能)
  • CSS システム フォント(廃止された CSS3 darft )

私の質問: ユーザー インターフェイスから色、アイコンを取得する他のスコープを知っていますか?

4

2 に答える 2

0

使用できるのはCSSシステムカラーだけです。他のすべてはユーザーエージェントのスニッフィングによって推測できますが、それは推測にすぎません。

于 2012-04-15T19:27:01.927 に答える
0

アイコンには、moz-icon を使用できます。例：

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

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

于 2013-07-11T14:44:57.907 に答える