nord5įor dark ambiance designs, it is used for more subtle/inconspicuous UI text elements that do not need so much visual attention. In the context of syntax highlighting it's not used at all. In the context of syntax highlighting it is used as text color for variables, constants, attributes and fields.įor bright ambiance designs, it is used for elevated, more prominent or focused UI elements like The origin color or the Snow Storm palette.įor dark ambiance designs, it is used for UI elements like the text editor caret. To apply the color purposes to the dark to bright style the definitions can be used in reversed order. The documentation of the different colors from this palette are based on the recommended bright to dark ambiance style. dark to bright ( semi-light) - This style uses nord4 as base color and highlights other UI elements with nord5 and nord6.bright to dark - This is the recommended style that uses nord6 as base color and highlights other UI elements with nord5 and nord4.The palette can be used for two different shading ambiance styles: Snow Storm is made up of three bright colors that are commonly used for text colors or base UI elements in bright ambiance designs. In the context of code syntax highlighting it is used for comments and invisible/non-printable characters.įor bright ambiance designs, it is, next to nord1 and nord2 as darker variants, also used for the most subtle/inconspicuous UI text elements that do not need so much visual attention. The brightest shade color based on nord0.įor dark ambiance designs, it is used for UI elements like indent- and wrap guide marker. nord2Īn even more brighter shade color of nord0.įor dark ambiance designs, it is used to colorize the currently active text editor line as well as selection- and text highlighting color.įor both bright & dark ambiance designs it can also be used as an brighter variant for the same target elements like nord1. Other use cases are also state animations like a more brighter text color when a button is hovered, active or focused. There's currently no official port project that makes use of it for syntax highlighting.įor bright ambiance designs, it is used for more subtle/inconspicuous UI text elements that do not need so much visual attention. It also works fine for more inconspicuous and passive elements like borders or as dropshadow between different components. user interaction/form components like buttons, text/select fields or checkboxes.panels, modals and floating popups like notifications or auto completion.nord1įor dark ambiance designs it is used for elevated, more prominent or focused UI elements like It is rarely used for passive UI elements like borders, but might be possible to achieve a higher contrast and better visual distinction (harder/not flat) between larger components. The origin color or the Polar Night palette.įor dark ambiance designs, it is used for background and area coloring while it's not used for syntax highlighting at all because otherwise it would collide with the same background color.įor bright ambiance designs, it is used for base elements like plain text, the text editor caret and reserved syntax characters like curly- and square brackets. Polar Night is made up of four darker colors that are commonly used for base elements like backgrounds or text color in bright ambiance designs. Make sure to check out the guides about how to This is a living document which means it is work in progress, not completed yet and can change at any time while the project is still in development! different use cases for a specific color or with different shading options applied. They may be used in a modified form like e.g. Please note that these guidelines are “soft“ recommendations to describe the original idea of Nord! This document provides a set of guidelines detailing how to style and highlight code syntax and UI elements. The naming convention preserves the compatibility for terminal color schemes and allows an uncomplicated use as base for such. It has been created for clear, uncluttered and elegant designs following a minimal and flat style pattern.įor syntax highlighting it aims to ensure an undisturbed focus on important parts of the code, a good readability and a quick visual distinction between the different syntax elements.Īll colors are numbered from nord0 to nord15 where each palette contains a different amount of colors. Nord consists of four named color palettes providing different syntactic meanings and color effects for dark & bright ambiance designs. This is a living document which means it is work in progress, not completed yet and can change at any time while the project is still in development major version zero 0.y.z!
0 Comments
Leave a Reply. |