计算颜色
Calcite-colors寄存器以多文件格式提供埃斯里的官方彩色调色板,包括文档,参考文件,以及帮助器.
颜色参考文件
以下链接是下载.ase swatch,用于Adobe产品,如Adobe Photoshop和Adobe Illustrator. 此外,还有可视参考色调色板的PDF下载.
Sass 变量
A 类 萨斯 变量文件可见于根目录 colors.scss。这是消耗颜色变量的主要来源.
萨斯主题混合
已有一对 Sass 混音器, 将返回这两个主题为 CSS 自定义属性 。 这样,如果需要,您可以在您的应用中加入css vars:
@import "@esri/calcite-colors/dist/colors.scss";
:root {
@include calcite-theme-light();
}
[theme="dark"] {
@include calcite-theme-dark();
}
这些颜色随同 var 语法 :
.my-element {
border-color: var(--calcite-ui-blue-1);
}
ES6 导出
在现代的javascript环境中,您可以通过ES6导入导入颜色:
import { colors } from "@esri/calcite-colors/dist/colors";
console.log(colors["ui-blue"]); // => "#007ac2"
UI 颜色
在Sass和JSON两个文件中都是UI色彩变量. 这些变量应当是大多数应用程序的颜色标准用法. 它们将成为用户抓住主要使用颜色的简单方法,使各种应用程序的颜色保持一致。 它们包括"光明"和"黑暗"两个主题变量. 黑暗主题变量 -dark 附录。 此外,光和暗都包括徘徊和受压状态的变量($ui-blue-2, (中文(简体) ), $ui-red-3) (中文(简体) ).
图表颜色
图表的颜色也包括在内。 这些可用于导入用于图表库的颜色.
命名解剖学的颜色
构建指令
要运行一个建设运行 npm run build 在工程根目录的终端内。 这将将 Typescript 文件编译为 JavaScript 模块 .
确保运行 npm install 已经运行在第一次建筑之前
许可证发放
2021年埃斯里岛
美国版权法所保留的所有权利 和适用的国际法、条约和公约.
这些材料根据Esri主许可证获得使用许可证 协定受协定条款的约束. 您可以不经修改再分配和使用此代码, 如果你遵守《司法协助法》的规定,并包括这一点 版权公告.
见使用限制 http://www.esri.com/legal/pdfs/mla e204 e300/english (英语)
详情请联系: 环境系统研究所. Attn:合同和法律事务部 纽约街380号 美国加利福尼亚州红地 92373 美国
电子邮件 : 合同@esri.com
向 Calcite 颜色贡献
请读一下 输入文档。 。 。 .