node package manager
Love JavaScript? Your insights can make it even better. Take the 2017 JavaScript Ecosystem Survey »


AtlasKit component registry Commitizen friendly semantic-release Report an issue

This package provides you with the ADG colors & typography in a programmatic way.

You can either use the less files by importing them via

@import '~@atlaskit/util-shared-styles/src/colors.less';
@import '~@atlaskit/util-shared-styles/src/fonts.less';
.myclass {
  color: @ak-color-R100;
  font-family: @ak-font-family;

or use them within JS via

import {
  akColorN500 as defaultColor,
  akColorR500 as highlightColor,
  akFontFamily as fontFamily,
} from '@atlaskit/util-shared-styles';

* Please note that this module could have dependencies that are governed by the Atlassian Design Guidelines license which will be automatically included on install. Each dependency has a license file that indicates whether the Atlassian Design Guidelines license applies.

We're here to help!

Let us know what you think of our components and docs, your feedback is really important for us.

Are you in trouble? Read through our contribution guidelines and raise an issue to us.