WebApp: Как использовать значки, цвета ... собственного пользовательского интерфейса

Question

Я только начинаю работать над WebApp, который должен вести себя как родной. Вот почему я не хочу создавать свою собственную тему, но я хочу использовать тему пользовательского интерфейса (Unity [Ubuntu], Explorer [Windows], Gnome [Mint] и т. Д.), Которые пользователь использует.

Вот некоторые вещи, которые я хочу взять от темы пользовательского интерфейса в:

• иконки: «Сохранить», «Открыть», «Копировать», «Вставить» и такие иконки
• Позиций: приложения Windows нажимают кнопку «ОК» слева, а кнопка «Отмена» справа, а для пользователей Ubuntu - обратная. Другой пример: пользователи Ubuntu могут найти пункт меню настроек приложения в «Правке», и пользователи Windows могут найти его в «Экстра».
• Соглашения об именах: Некоторые вещи, такие как «Папка» и «Каталог», называются по-разному.
• Цвета и фон: Фон панели меню отображается серым для пользователей Unity/Ubuntu и отображается лавандой для пользователей Explorer/Windows7.

Я знаю, что не все, о чем я говорил, будут возможны. Но я хочу решить хотя бы некоторые из этих проблем. Вот некоторые решения, которые я слышал о:

• (-moz-) появление (устаревшее CSS3 darft)
• CSS системы Цвета как ButtonText или окна (устаревшее, но доступна во многих браузерах)
• CSS Системные шрифты (устаревшие CSS3 darft)

Мой вопрос: Как вы знаете другие области действия, чтобы взять цвета , Иконки ... из пользовательского интерфейса?

Answer 1

Единственное, что вы можете использовать, это Цвета системы CSS - все остальное можно было бы угадать при помощи агента пользователя, но это будет только предположение.

Answer 2

Для значков вы можете использовать значок moz. Пример:

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

Это работает только с браузерами Firefox и Gecko.