1

我刚刚开始开发一个应该像本机一样的 WebApp。这就是为什么我不想创建自己的主题，但我想使用用户使用的用户界面主题（Unity [Ubuntu]、Explorer [Windows]、Gnome [Mint] 等）。

这些是我想从 UI 的主题中得到的一些东西：

  • 图标：“保存”、“打开”、“复制”、“粘贴”等图标
  • 位置：Windows 应用程序在左侧绘制“确定”按钮，在右侧绘制“取消”按钮，对于 Ubuntu 用户，情况正好相反。另一个例子：Ubuntu 用户可以在“编辑”找到应用程序设置的菜单项，Windows 用户可以在“附加”找到。
  • 命名约定：“文件夹”与“目录”之类的名称不同。
  • 颜色和背景：菜单栏的背景对 Unity/Ubuntu 用户显示为灰色，对资源管理器/Windows7 用户显示为淡紫色。

我知道并非我所说的每件事都是可能的。但我想至少解决其中的一些问题。以下是我听说的一些解决方案：

  • (-moz-) 外观（过时的 CSS3 darft）
  • CSS 系统颜色，如 ButtonText 或 Window（已弃用，但在许多浏览器中可用）
  • 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 回答