A total of sixteen, carefully selected, low contrast pastel colours inspired by millennial pink for a eye-comfortable, but yet colourful ambiance.
It is a deliberately low contrast theme full of soothing contemporary colours designed to induce calmness and serenity and works well even on lower contrast displays. It is not eye fatiguing as it avoids high contrast colour changes and helps the eyes to focus on what is important.
Rosely is created for clear, uncluttered and elegant designs following a minimal and flat style pattern. For 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.
Rosely consists of four named colour palettes providing different syntactic meanings and colour effects for dark & bright ambiance designs.
[](https://rosely.hellotham.com/docs/colours-and-palettes) Rosely is a simple and uncluttered design system based on the warm and embracing gentle colour of rose quartz crystals (popularly known as *Millennial Pink*), together with a fresh and positive colour palette that symbolises adventuresome exploration of newness and originality. If ever there was a time when we needed to surround ourselves with colours that infuse feelings of calmness and positivity into our environment, it is now. As we continue down this path of uncertainty, a time marked by a global pandemic and social distancing coupled with social unrest demanding action on equality and sustainability, people seek mindfulness and well-being as an antidote to the stress of modern day lives. Rosely has a base colour that psychologically fulfil a yearning for reassurance and security. Additional colours symbolises the brighter future that lies ahead that expresses a sense of playful freshness and optimism that brings a smile to our face as it takes us forward. All colours are numbered from `rosely0` to `rosely15` where each palette contains a different amount of colours, with semantic meanings similar to the [Nord](https://www.nordtheme.com) palette. The naming convention preserves the compatibility for terminal colour schemes and allows an uncomplicated use as base for such. Rosely can be used as a drop in replacement package for *Nord* in projects simply by replacing the `nord` npm package with `rosely`. Rosely is also compatible with the [base16](http://chriskempson.com/projects/base16/) architecture by redefining `base00` to `base0F` with Rosely equivalent colours. Light and dark base16 schemes are included in this package. ## Getting Started Visit the [official website][home] to [learn all about Rosely's colours and palettes][home-docs-colours] and how to [install and integrate Rosely in your own projects][home-docs-usage] or use the [colour swatches for your favorite applications][home-docs-swatches]. ### Quick Start Install Rosely using [npm][] or [yarn][]: ```sh # npm npm install --save rosely # yarn yarn add rosely ``` Please see the complete [installation and usage guide][home-docs-usage] for more details. ## Themes for Applications Unify the appearance and usage experience for your favorite applications — from code editors, shell terminals to modern UIs and libraries. Rosely supports a broad and constantly growing spectrum that allows to [customise your daily tool stack][home-themes].
Copyright © 2020 Hello Tham and Chris Tham
