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

Do HTML/CSS/JavaScript define constants representing system theme colours?

本文关键字：颜色 常量 系统 JavaScript CSS 是否 定义 HTML 表示      更新时间：2023-09-26
HTML/CSS/JavaScript是否定义了表示系统主题颜色的常量？我指的是用户可以在操作系统(或浏览器(控制面板中定义的颜色。如标准窗口内容背景和文本颜色等

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

是的，

打开firebug并更改一些css声明，如color:ActiveBorder或访问webdesign.about.com/od/colorcharts/l/blsystemcolors.htm或在网上搜索"css系统颜色">

  • ActiveBorder：活动窗口边界
  • ActiveCaption：活动窗口标题
  • 多文档界面的AppWorkspace背景颜色
  • 背景桌面背景
  • ButtonFace三维显示元素的面颜色
  • ButtonHighlight三维显示元素的深色阴影(用于背离光源的边(
  • ButtonShadow三维显示元素的阴影颜色
  • 按钮文本按钮上的文本
  • 标题文本标题、大小框和滚动条箭头框中的文本
  • 灰色文本灰色(禁用(文本。如果当前显示驱动程序不支持纯灰色，则此颜色设置为#000
  • 突出显示控件中选定的项目
  • 高亮显示控件中所选项目的文本
  • 非活动边框非活动窗口边框
  • 非活动标题非活动窗口标题
  • 非活动字幕文本非活动字幕中文本的颜色
  • 信息背景工具提示控件的背景颜色
  • 信息文本工具提示控件的文本颜色
  • 菜单菜单背景
  • 菜单文本菜单中的文本
  • 滚动条滚动条灰色区域
  • ThreeDarkShadow用于三维显示元素的深色阴影
  • ThreeDFace三维显示元素的Face颜色
  • ThreeDHighlight三维显示元素的高亮显示颜色
  • ThreeDLightShadow三维显示元素的灯光颜色(用于面向光源的边缘(
  • ThreeDShadow用于三维显示元素的深色阴影
  • 窗口窗口背景
  • 窗口框架窗口框架
  • 窗口文本窗口中的文本

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

CSS 2.1指定"系统颜色"：

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

示例：

要将段落的前景和背景颜色设置为用户窗口的相同前景和背景色，请编写以下内容：

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

在CSS颜色模块级别3中，不赞成使用这些系统颜色，"支持CSS3 UI'appearance'属性"。但这似乎也被删除了(你仍然可以在旧的草稿中找到它(。

相关文章：