版式变量对照

• 

  close

  著作信息

  ---

  X

  H_W想做版式，于是自己研究出来发给你们看

  ---

前言

如果你查看黑标阈限的版式的root，你会看到一堆颜色变量，它们大致如此：

    --white-monochrome: 237, 233, 223;
    --pale-gray-monochrome: 255, 251, 240;
    --light-gray-monochrome: 160, 160, 160;
    --gray-monochrome: 72, 69, 60;
    --black-monochrome: 25, 20, 16;
    --bright-accent: 140, 136, 126;
    --medium-accent: 72, 69, 60;
    --dark-accent: 140, 136, 126;
    --pale-accent: 140, 136, 126;
    --swatch-topmenu-border-color: var(--medium-accent);
    --link-color: 230, 23, 68;
    --hover-link-color: 187, 0, 34;
    --visited-link-color: 150, 24, 43;

首先最容易理解的是

    --link-color: 230, 23, 68;
    --hover-link-color: 187, 0, 34;
    --visited-link-color: 150, 24, 43;

它定义的是 链接颜色、鼠标悬停链接时的颜色、曾点击查看过的链接的颜色。

实际上，还有一个隐藏的变量：--alt-accent。它定义了不存在的链接。你可以在DV层级总览页后端查看它的使用样例。

链接颜色： █
悬停链接： █
访问链接： █
不存在色： █

其他变量

那么其他变量的颜色是什么？你可以查看下面的对照：
—white-monochrome: █
—pale-gray-monochrome: █
—light-gray-monochrome: █
—gray-monochrome: █
—black-monochrome: █
—bright-accent: █
—medium-accent: █
—dark-accent: █
—pale-accent: █

现在你可以对照这些颜色在版式中哪里有出现以便更好得修改版式¹

Footnotes

1. 我没成功过版式，不知道哪个对应那个，别看我（