From dc568bb2ddb66a027fd1e779bf35fccc49ecc770 Mon Sep 17 00:00:00 2001 From: Arctic Ice Studio Date: Sun, 4 Sep 2016 11:57:11 +0200 Subject: [PATCH] Implement LESSCSS color palette stylesheet --- src/lesscss/nord.less | 211 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 211 insertions(+) create mode 100644 src/lesscss/nord.less diff --git a/src/lesscss/nord.less b/src/lesscss/nord.less new file mode 100644 index 0000000..b424693 --- /dev/null +++ b/src/lesscss/nord.less @@ -0,0 +1,211 @@ +/* +++++++++++++++++++++++++++++++++++++++++++++++++++++ +title Nord + +project nord + +version + +repository https://github.com/arcticicestudio/nord + +author Arctic Ice Studio + +email development@arcticicestudio.com + +copyright Copyright (C) 2016 + +++++++++++++++++++++++++++++++++++++++++++++++++++++ + +[References] +KSS + (http://warpspire.com/kss) +kss-node + (https://github.com/kss-node/kss-node) +*/ + +// A arctic, north-bluish color palette. +// Created for the clean- and minimal 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. +// +// Styleguide Nord + +// Base component color of "Polar Night". +// +// Used for texts, backgrounds, carets and structuring characters like curly- and square brackets. +// +// Markup: +//
+// +// Styleguide Nord - Polar Night +@nord0: #2E3440; + +// Lighter shade color of the base component color. +// +// Used as a lighter background color for UI elements like status bars. +// +// Markup: +//
+// +// Styleguide Nord - Polar Night +@nord1: #3B4252; + +// Lighter shade color of the base component color. +// +// Used as line highlighting in the editor. +// In the UI scope it may be used as selection- and hightlight color. +// +// Markup: +//
+// +// Styleguide Nord - Polar Night +@nord2: #434C5E; + +// Lighter shade color of the base component color. +// +// Used for comments, invisibles, indent- and wrap guide marker. +// In the UI scope it may be used as pseudeoclass color for disabled elements. +// +// Markup: +//
+// +// Styleguide Nord - Polar Night +@nord3: #4C566A; + +// Base component color of "Snow Storm". +// +// Used for texts, carets and structuring characters like curly- and square brackets. +// In the UI scope it may be used as semi-light background depending on the theme shading design. +// +// Markup: +//
+// +// Styleguide Nord - Snow Storm +@nord4: #D8DEE9; + +// Lighter shade color of the base component color. +// +// Used as a lighter background color for UI elements like status bars. +// It may also be used as semi-light background depending on the theme shading design. +// +// Markup: +//
+// +// Styleguide Nord - Snow Storm +@nord5: #E5E9F0; + +// Lighter shade color of the base component color. +// +// Usually be used as background depending on the theme shading design. +// In the UI scope it may be used as selection- and hightlight color. +// +// Markup: +//
+// +// Styleguide Nord - Snow Storm +@nord6: #ECEFF4; + +// Bluish core color. +// +// Most commonly used for +// - classes/types +// - attributes +// - constants +// +// Markup: +//
+// +// Styleguide Nord - Frost +@nord7: #8FBCBB; + +// Bluish core color. +// +// Represents the accent color of the color palette. +// Can be used as main color for primary UI elements. +// Optionally used for methods/functions instead of @nord14 +// +// Also commonly used for +// - documentation/annotation tags +// - attribute values +// - Markup quotes +// - Markup link URLs +// +// Markup: +//
+// +// Styleguide Nord - Frost +@nord8: #88C0D0; + +// Bluish core color. +// +// Most commonly used for +// - language-specific syntactic/reserved keywords +// - operators +// - tags +// - punctuations like colon/semicolon, comma and braces +// +// Can optionally be used for units and language-specific reserved special support characters (px/em, $, %). +// +// Markup: +//
+// +// Styleguide Nord - Frost +@nord9: #81A1C1; + +// Bluish core color. +// +// Most commonly used for +// - Markup doctypes +// - import/include/require statements +// - pre-processor statements +// - at-rules (@) +// +// Markup: +//
+// +// Styleguide Nord - Frost +@nord10: #5E81AC; + +// Colorful component color. +// +// Most commonly used for errors, git/diff deletion and linter marker. +// +// Markup: +//
+// +// Styleguide Nord - Aurora +@nord11: #BF616A; + +// Colorful component color. +// +// Most commonly used for annotations and regular expressions. +// +// Markup: +//
+// +// Styleguide Nord - Aurora +@nord12: #D08770; + +// Colorful component color. +// +// Most commonly used for escape characters, warnings, git/diff renamings and Markup entities. +// +// Markup: +//
+// +// Styleguide Nord - Aurora +@nord13: #EBCB8B; + +// Colorful component color. +// +// Most commonly used for methods/functions, git/diff additions and success visualizations. +// +// Markup: +//
+// +// Styleguide Nord - Aurora +@nord14: #A3BE8C; + +// Colorful component color. +// +// Most commonly used for numbers. +// +// Markup: +//
+// +// Styleguide Nord - Aurora +@nord15: #B48EAD;