A north-bluish, light color palette.
Created for the clean- and minimal flat design pattern to achieve a optimal focus and readability for code syntax highlighting and UI. It consists of a total of sixteen, carefully selected, dimmed pastel colors for a eye-comfortable, but yet colorful ambiance.
This project is a light, more color-intensive variation of the origin project Northem.
The color palette it divided into four named components to represent the different color effects.
Northem Light colors are numbered from
northem-light15 where each component contains a different amount of colors:
- Dark Water
- Light Wind
This naming convention allows an uncomplicated use for terminals and preserves the compatibility to similar projects like base16.
To show a list of all available Gulp tasks run
The CSS specification supports the usage of primitive value types to define custom properties which can be used to create e.g. color variables.
Northem provides the
template-css.scss template file to compile a
The generated file contains all Northem Light color variables prefixed with
-- inside the
:root pseudo-class represents an element that is the root of the document.
This is always the HTML (
<html>) element which allows to use the Northem Light color variables for the whole document.
northem-light.css stylesheet can be compiled via Gulp:
npm install gulp compile-css-template
northem-light.scss file into your project and import it in your Sass files:
.scss file extension is optional.
npm install gulp sassdoc
The Sassdoc theme can be changed by editing the
.sassdocrc configuration file.
northem-light.less file into your project and import it in your LESSCSS files:
Information about how the
@import statement handles imports with different file extensions can be found in the official LESSCSS documentation.
Northem Light is available in various native formats:
.acoAdobe Photoshop Palette
.aseAdobe Swatch Exchange
A list of detailed information about each file format can be found here.
Please report issues/bugs, feature requests and suggestions for improvements to the issue tracker.
Copyright © 2016 Arctic Ice Studio