2013-02-20 10 views
2

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

这个想法是让网站尊重用户的喜好默认情况下,在黑暗的背景上显示光文本,以防用户在他的系统中使用这样的主题(当通过避免引入额外配置,Occam的剃刀原理)。

+0

是的,css 2.0系统颜色 – 2013-02-20 20:21:55

回答

6

当然可以,

打开Firebug,并改变一些CSS声明喜欢的颜色:ActiveBorder或看webdesign.about.com/od/colorcharts/l/blsystemcolors.htm或搜索网为 'CSS系统颜色'

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

对于better reference建议通过UNOR大约系统颜色

+1

我站在更正:) – 2013-02-20 20:18:32

+0

不幸的是,这已被弃用。我需要某种方式来检测,只有当用户有一个黑暗或轻的主题,并相应地调整我的主题。这是一种耻辱,这是不可能的:当我有一个黑暗的系统主题时,我不喜欢看到非常明亮的网站。 – neoexpert 2017-12-13 16:14:53

1

CSS 2.1指定 “System Colors”:

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

实施例:

设置一个段到用户的窗口的相同的前景和背景颜色的前景和背景颜色,写:

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

CSS颜色模块级别3,这些系统颜色是deprecated,“赞成CSS3 UI'appearance'属性Y”。但它似乎也是dropped,(你仍然可以在older drafts找到它)。