rosely

1.0.0 • Public • Published

Rosely

A warm and serene colour palette based on millennial pink

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.

Rosely Color Palette Overview

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 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 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 to learn all about Rosely's colours and palettes and how to install and integrate Rosely in your own projects or use the colour swatches for your favorite applications.

Quick Start

Install Rosely using npm or yarn:

# npm
npm install --save rosely

# yarn
yarn add rosely

Please see the complete installation and usage guide 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.

Rosely theme project illustration

Colour Swatches

Next to the many ways of integrating Rosely into your project, all colour palettes of Rosely are also available in various native colour swatch formats.

Easily import Rosely into macOS, Adobe products like Photoshop & Illustrator, GIMP/Krita/Inkscape and many more.

Rosely palette swatches illustration

Contributing

Rosely is an open source project and we love to receive contributions!

There are many ways to contribute, from writing- and improving documentation and tutorials, reporting bugs, submitting enhancement suggestions that can be added to Rosely by submitting pull requests.

Please take a moment to read the full contributing guide to learn about the development process, the project's used styleguides, branch organization and versioning model.

The guide also includes information about minimal, complete, and verifiable examples and other ways to contribute to the project like improving existing issues and giving feedback on issues and pull requests.

Copyright © 2020 Hello Tham and Chris Tham

Package Sidebar

Install

npm i rosely

Weekly Downloads

2

Version

1.0.0

License

MIT

Unpacked Size

63.1 kB

Total Files

14

Last publish

Collaborators

  • christham