HTML / CSS / JavaScript是否定义了表示系统主题颜色的常量?

时间:2013-02-20 20:07:47

标签: javascript html css colors

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

我们的想法是建立一个默认情况下尊重用户偏好的网站,在用户在他的系统中使用这样一个主题的情况下在深色背景上显示浅色文字(同时遵循奥卡姆的剃刀原则,避免引入额外的配置)。

2 个答案:

答案 0 :(得分:6)

是的,你可以,

打开firebug并更改一些css声明,如颜色:ActiveBorder或查看webdesign.about.com/od/colorcharts/l/blsystemcolors.htm或在网上搜索'css system colors'

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

对于unor 建议的关于系统颜色的better reference

答案 1 :(得分:1)

CSS 2.1 指定“System Colors”:

  

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

示例:

  

将段落的前景色和背景色设置为用户窗口的相同前景色和背景色,请写下以下内容:

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

CSS Color Module Level 3 中,这些系统颜色为deprecated,“支持CSS3 UI'appearance'属性”。但似乎这也是dropped(你仍然可以在older drafts中找到它。)