Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@esri/calcite-colors

Package Overview
Dependencies
Maintainers
33
Versions
21
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@esri/calcite-colors

Authoritative color variables for Esri

  • 1.6.0
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
20K
decreased by-61.47%
Maintainers
33
Weekly downloads
 
Created
Source

Calcite Colors

saturated color wheel

The calcite-colors repository is where we host Esri's official color documentation that can be seen and is leveraged by Calcite Web. Currently, this repository contains a SASS file that you can use in your projects.

Color reference files

The following links are to download the .ase swatch for use in Adobe products such as Adobe Photoshop and Adobe Illustrator. Additionally, there is a PDF download of the visual reference color palette.

SASS Variables file

A SASS variables file can be found in the root directory colors.scss. This is the main source to consume the color variables.

JSON file

A simple JSON file is also included in the root directory colors.json. This file includes a simple object containing every color of the palette as key value pairs.

UI Colors

In both the SASS and JSON file are UI Color variables. These variables should be the standard usage of color for most applications. They'll serve as an easy way for users to grab the main usage colors, as well as staying consistent across applications. They include both Light and Dark theme variables. Dark theme variables have -dark appended. For example, the primary blue color in light theme is $ui-blue. In dark theme the primary blue is $ui-blue-dark. Additionally, both light and dark include variables for hover and pressed states ($ui-blue-hover, $ui-red-pressed) For more information and best practices visit the Calcite Design System website color section.

Colors naming anatomy

colors naming anatomy

Licensing

COPYRIGHT © 2019 Esri

All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.

This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of that agreement. You may redistribute and use this code without modification, provided you adhere to the terms of the MLA and include this copyright notice.

See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english

For additional information, contact: Environmental Systems Research Institute, Inc. Attn: Contracts and Legal Services Department 380 New York Street Redlands, California, USA 92373 USA

email: contracts@esri.com

Contributing to Calcite Colors

Please read the contribute document.

FAQs

Package last updated on 09 Dec 2019

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc