Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bensouchet/rowan
Color Palette for IDEs and Highlighters
https://github.com/bensouchet/rowan
code color-palette dark dark-theme editor editors highlighter highlighters ide ides light light-theme palette
Last synced: 19 days ago
JSON representation
Color Palette for IDEs and Highlighters
- Host: GitHub
- URL: https://github.com/bensouchet/rowan
- Owner: BenSouchet
- License: mit
- Created: 2022-03-23T12:21:06.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-03-24T18:13:11.000Z (almost 3 years ago)
- Last Synced: 2024-11-16T18:17:15.216Z (3 months ago)
- Topics: code, color-palette, dark, dark-theme, editor, editors, highlighter, highlighters, ide, ides, light, light-theme, palette
- Language: CSS
- Homepage:
- Size: 20.5 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Rowan
**Rowan** is a color palette (17 colors) designed for IDEs, editors & code highlighters.
Simple but very efficienty palette with greyscale colors for the background and well defined colors for the texts
## Light & Dark
**Rowan** exists in two variants *Light* and *Dark*.
As you can see the *Light* and *Dark* variants of use the same color values except for the **keywords**.
The greyscale colors aren't a true gradient from one color to another, the Lightness (HSL) values are as follows:
## Colors Info / Guidelines
| Short Name | Color Name | Light | Dark | Apply on | Description |
|:----------:|:----------:|:---------:|:--------:|:--------:|:-----------:|
| `bgr` | background |  |  | background | Code Block Background, Editor Background |
| `hgl` | highlighted |  |  | background | Highlighted Line(s), Search Results Highlighed (not user selection) |
| `sel` | selection |  |  | background | User Selection of word(s) or line(s) |
| `com` | *comments* |  |  | text | Code Comments (comments are normally displayed in *italic*) |
| `lin` | line n° |  |  | text | Line Numbers |
| `def` | default |  |  | text | Default color for text, delimiters & ponctuations (`{`,`}`,`;`,`,`,...) |
| `acc` | Accent |  |  | text | Use when default text are selected to keep text readibility |
| `kwd` | **keywords** |  |  | text | Keywords, Keyword Declaration (e.g. `var` in JavaScript), Keyword Type (`int`, `float`, ...), Keyword Namespace (`namespace`) |
| `esc` | escaped |  |  | text | Escaped Characters, Regex, Interpoled Strings, Character Entities |
| `res` | reserved |  |  | text | Reserved Keywords, Constant Keywords, Pseudo Keywords |
| `opr` | operators |  |  | text | Operators, Word Operators |
| `str` | strings |  |  | text | Strings, DocStrings |
| `var` | variables |  |  | text | Variable Names, Attributes Names |
| `nam` | names |  |  | text | Namespace Names, Class Names, Decorator Names, Exception Names, Function Names |
| `nbr` | numbers |  |  | text | All kind of Numbers (integer, float, hex, binary, ...) |
| `err` | errors |  |  | text OR wavy underline | Errors (the color can be applied to text or only to a wavy underline), Diff Deleted (apply on text) |
| `ins` | inserted |  |  | text | Diff Inserted, Success Messages |
As you can see every colors are meant to be used for a specific purpose. Of course, if in your case you can't use all the colors do your best to stay as close as possible to the original palette.
## Palette Colors Values
Find in [this page](https://github.com/BenSouchet/rowan/blob/main/VALUES.md) a table with the exact colors codes in multiple color models (HEX, RGB, HSV, HSL, Lab).
There is also files in the [`palette/` folder](https://github.com/BenSouchet/rowan/tree/main/palette) defining the colors in HEX in multiple formats: [YAML](https://github.com/BenSouchet/rowan/tree/main/palette/yaml), [CSS](https://github.com/BenSouchet/rowan/tree/main/palette/css), [SCSS](https://github.com/BenSouchet/rowan/tree/main/palette/scss).
**Important**: if you implement the color palette in an editor, a website, a service, ... please do not modify the color codes (use the exact ones listed in [this page](https://github.com/BenSouchet/rowan/blob/main/VALUES.md)).
## Additionnal Info
If you implement this palette as a color theme somewhere, code comments should be displayed in *italics*, and keywords should be in **bold** (to easily identify them).
## Sixteen Color Palette
**Rowan** is a seventeen (17) color palette but if you need (or are restricted) to only sixteen colors, you can ignore the accent (`acc`) color or use the numbers (`nbr`) color for the Diff Inserted texts.
## Version
The current version is `1.0.1`, you can download the latest release on the **Releases** category (on the sidebar) or from [this page](https://github.com/BenSouchet/rowan/releases).
## Others Ressouces & Useful links
- [Sorbus Auto-Theme for Rouge Highlighter](https://github.com/BenSouchet/sorbus), in this project **Rowan** is the default color palette.
- [Polarized Color Palette](https://github.com/BenSouchet/polarized), another cool color palette (based on Solarized).
- [Color Blend](https://bensouchet.github.io/color-blend/), website to blend two colors and generate intermediates colors.
- [mycolor.space](https://mycolor.space/), top website to find matching colors, generate palettes.
- [Colorizer.org](http://colorizer.org/), super tool to convert and play with colors into multiples color models (HSV, HSL, Lab, ...).
## Author & maintainer
Rowan has been created and is currently maintained by [Ben Souchet](https://github.com/BenSouchet).
All the files present in this repository are under [MIT license](https://github.com/BenSouchet/rowan/blob/main/LICENSE).