2

HTML/CSS/JavaScript 是否定义了表示系统主题颜色的常量？我的意思是用户可以在操作系统（或浏览器）控制面板中定义的那些颜色。像标准窗口内容背景和文本颜色等。

这个想法是让网站默认尊重用户偏好，在深色背景上显示浅色文本，以防用户在他的系统中使用这样的主题（同时遵循奥卡姆剃刀原则，避免引入额外配置）。

4

2 回答 2

6

是的你可以，

打开 firebug 并更改一些 css 声明，如颜色：ActiveBorder 或查看webdesign.about.com/od/colorcharts/l/blsystemcolors.htm或在网上搜索“css 系统颜色”

  • ActiveBorder ：活动窗口边框。
  • ActiveCaption ：活动窗口标题。
  • AppWorkspace 多文档界面的背景色。
  • 背景 桌面背景。
  • ButtonFace 三维显示元素的面颜色。
  • ButtonHighlight 3D 显示元素的暗阴影（用于远离光源的边缘）。
  • ButtonShadow 三维显示元素的阴影颜色。
  • ButtonText 按钮上的文本。
  • CaptionText 标题、大小框和滚动条箭头框中的文本。
  • GrayText 灰色（禁用）文本。如果当前显示驱动程序不支持纯灰色，则此颜色设置为 #000。
  • 突出显示控件中选择的项目。
  • HighlightText 在控件中选择的项目的文本。
  • InactiveBorder 非活动窗口边框。
  • InactiveCaption 非活动窗口标题。
  • InactiveCaptionText 非活动标题中文本的颜色。
  • InfoBackground 工具提示控件的背景颜色。
  • InfoText 工具提示控件的文本颜色。
  • 菜单 菜单背景。
  • MenuText 菜单中的文本。
  • 滚动条 滚动条灰色区域。
  • ThreeDDarkShadow 三维显示元素的暗阴影。
  • ThreeDFace 三维显示元素的面颜色。
  • ThreeDHighlight 高亮显示三维显示元素的颜色。
  • ThreeDLightShadow 三维显示元素的光颜色（面向光源的边缘）。
  • ThreeDShadow 三维显示元素的暗阴影。
  • 窗口 窗口背景。
  • WindowFrame 窗口框架。
  • WindowText 窗口中的文本。

为了更好地参考 unor关于系统颜色的建议

于 2013-02-20T20:17:36.660 回答
1

CSS 2.1指定“系统颜色”：

除了能够为文本、背景等分配预定义的颜色值外，CSS2 还引入了一组命名颜色值，允许作者以将颜色集成到操作系统的图形环境中的方式指定颜色。

例子：

要将段落的前景色和背景色设置为用户窗口的前景色和背景色，请编写以下代码：

p { color: WindowText; background-color: Window }

在CSS Color Module Level 3中，这些系统颜色已被弃用，“支持 CSS3 UI '<code>appearance' 属性”。但似乎这也已被删除（您仍然可以在较旧的草稿中找到它）。

于 2013-02-20T20:24:39.800 回答