Skip to content

Commit 2186d4d

Browse files
authored
Merge pull request #81 from jan-warchol/devel
Rewrite documentation to be more catchy :-)
2 parents 7dd2740 + debb037 commit 2186d4d

File tree

4 files changed

+151
-153
lines changed

4 files changed

+151
-153
lines changed

README.md

Lines changed: 30 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,25 @@
11
Selenized color palette
22
=======================
33

4-
Selenized is a color theme for terminals and text editors, carefully designed
5-
using professional-grade [CIE
6-
L*a*b*](http://en.wikipedia.org/wiki/Lab_color_space) color space for maximum
7-
readability and great eye comfort.
4+
<!--
5+
Solarized redesigned: fine-tuned color palette for programmers with focus on readability.
6+
-->
87

8+
![Selenized dark screenshot](http://i.imgur.com/yM0vadH.png)
99

10-
Design principles
11-
-----------------
10+
After researching perceptually uniform color spaces, _4 years of testing_,
11+
refining hues and fine-tuning lightness using professional grade [CIE
12+
Lab](http://en.wikipedia.org/wiki/Lab_color_space) color space, the task of
13+
redesigning venerable Solarized is almost finished!
14+
Results:
1215

13-
- make the contrast just right: strong but not tiring to the eyes
14-
- adjust lightness of all colors for uniform readability
15-
- select colors in a way that boosts code comprehension
16-
- make it as beautiful and visually pleasing as possible
16+
* Easy on the eyes.
17+
* **Beautiful**, vibrant and easily **distinguishable** accent colors.
18+
* **Great readability** and better compatibility with Web Content
19+
[Accessibility Guidelines](https://www.w3.org/WAI/standards-guidelines/wcag/).
1720

18-
Read more about the design [here](features-and-design.md).
21+
Read more [about the design](features-and-design.md)
22+
and see how it [improves on Solarized](whats-wrong-with-solarized.md).
1923

2024

2125

@@ -71,66 +75,33 @@ See [this document](manual-installation.md) for guidelines.
7175

7276

7377

74-
Palette variants
75-
----------------
76-
77-
### Selenized dark
78-
79-
![Selenized dark screenshot](http://i.imgur.com/yM0vadH.png)
80-
81-
Like _Solarized dark_, but better.
82-
83-
84-
85-
### Selenized black
86-
87-
![Selenized black screenshot](http://i.imgur.com/rXIH87x.png)
88-
89-
Oldschool black-and-white look with a little more contrast.
90-
91-
92-
93-
### Selenized light
94-
95-
![Selenized light screenshot](http://i.imgur.com/kQVgD5U.png)
96-
97-
A warm sepia variant, corresponding to _Solarized light_.
98-
99-
10078

101-
### Selenized white
10279

103-
![Selenized white screenshot](http://i.imgur.com/sc0Uv9h.png)
80+
Compatibility notes
81+
-------------------
10482

105-
Unlike many dark-on-white palettes, yellow color is readable here.
106-
107-
108-
109-
What about _Solarized_?
110-
-----------------------
111-
112-
There is a popular color palette named _Solarized_. I really liked the design
113-
principles behind Solarized, but it has a couple issues, which [Selenized
114-
solves](whats-wrong-with-solarized.md).
115-
116-
By the way, the name is derived from the greek word "selene", which means
117-
the moon (as opposed to the sun in Solarized).
118-
119-
120-
121-
Known issues
122-
------------
123-
124-
Some command-line programs need reconfiguration to look good with Selenized,
83+
Some command-line programs may need reconfiguration to look good with Selenized,
12584
because they make assumptions about the colors configured in terminal (see
12685
[this issue](https://github.com/janek-warchol/selenized/issues/7) for details):
12786

12887
- [`ls`](dircolors/)
12988
- [Midnight Commander](mc/)
13089

90+
However, this is quite rare; vast majority of software works great
91+
out-of-the-box.
92+
13193

13294

13395
Contributing and development
13496
----------------------------
13597

13698
See [`CONTRIBUTING.md`](CONTRIBUTING.md).
99+
100+
101+
102+
About the name
103+
--------------
104+
105+
The name of the project is derived from the greek word "selene", which means
106+
_the moon_ - as opposed to _the sun_ in Solarized.
107+

features-and-design.md

Lines changed: 50 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -3,57 +3,71 @@ Features
33

44
### Comfortable contrast
55

6-
A couple years ago I noticed that my eyes quickly grew tired when I was working
7-
in a terminal. It turned out that the problem was the palette I was using at
8-
that time - it was white text on dark violet background (default Ubuntu
9-
terminal colors - see [example](http://i.imgur.com/wICCS7x.png)). High
10-
contrast like that tires the eye - that's why professional graphic software
11-
often use gray in their interfaces.
6+
It all started when I noticed that my eyes were quickly growing tired when
7+
coding. I had been using default Ubuntu colors back then (white on dark
8+
magenta), and the contrast was simply _too high_.
129

1310
![Selenized contrast sample](http://i.imgur.com/Y11xuwv.png)
1411

15-
Selenized has moderate-to-low contrast - the difference in LAB lightness
16-
between foreground and background is 50, which is exactly half the distance
17-
between pure black and white. The result is easy on eyes but still very
18-
readable, even on poor displays - see a [side-by-side comparison of Selenized
19-
and Ubuntu palettes](http://i.imgur.com/MtpKFFf.png).
12+
Selenized has moderately low contrast - a bit more than half the distance
13+
between pure black and white. The result is easy on the eyes, but still **very
14+
readable:** long coding sessions are not a strain anymore! ([compare with
15+
Ubuntu colors here](http://i.imgur.com/MtpKFFf.png))
2016

2117
<!-- [selenized manpage example](http://i.imgur.com/twNvCfk.png) -->
2218

2319

2420

25-
### Balanced accent colors
21+
### Balanced and beautiful accent colors
2622

27-
It's not just foreground and background colors that matter. Lightness of all
28-
accent colors need to be carefully adjusted, too: we want them to be equally
29-
readable against the background, but at the same time they cannot have *exactly*
30-
the same lightness because that would make them harder to tell apart (for
31-
example, our eyes expect yellow to be brighter than orange and orange brighter
32-
than red).
23+
Lightness of accent colors needs to be carefully adjusted, so that they are
24+
both pleasant and present an even contrast against the background. This is
25+
tricky because of things like [Helmholtz–Kohlrausch
26+
effect](https://en.wikipedia.org/wiki/Helmholtz%E2%80%93Kohlrausch_effect) and
27+
eye cone sensitivity differences.
3328

34-
<!-- ![Selenized accent colors diagram](http://i.imgur.com/kxylyHe.png) -->
29+
![Selenized accent colors diagram](http://i.imgur.com/QNKIw1U.png)
3530

36-
I have fine-tuned the lightness to ensure that all colors present an even
37-
contrast, even red and blue (which are too dark in many palettes). You can
38-
read more about accent color lightness and see a comparison between Selenized
39-
and other palettes [here](balancing-lightness-of-colors.md) (warning: extreme
40-
ugliness of some palette examples may scorch your eyes!).
31+
Selenized harmonizes the lightnesses while preserving each color's
32+
individuality (e.g. yellow should be brighter than red). This is possible
33+
thanks to the use of perceptually uniform CIE Lab color space.
4134

35+
![Accent colors in xterm and ubuntu](http://i.imgur.com/wNCz40F.png)
4236

37+
Many palettes - including default coloring in xterm, Ubuntu terminal and
38+
Sublime Text - [weren't designed this
39+
way](https://vis4.net/blog/posts/avoid-equidistant-hsv-colors/): they have a
40+
lot of variation in lightness. You can see above how this leads to bad
41+
readability.
4342

44-
### Variants for different conditions
4543

46-
Reducing contrast inside terminal window is one thing, but what about the
47-
contrast of the whole desktop? If you have your terminal side-by-side with a
48-
window that has black text on white background (e.g. a document viewer or a
49-
browser), the resulting contrast between the two windows may make the terminal
50-
less readable. That's why Selenized dark is has relatively light background:
51-
this ensures better readability and prevents eye fatigue when used next to a
52-
bright/high-contrast window.
5344

54-
![Selenized next to black&white Wikipedia](http://i.imgur.com/OX2Ce2r.png)
45+
### Variants for different needs
5546

56-
There is also a "black" variant meant for people who need higher contrast -
57-
either due to especially bad display/lightness conditions, or because they are
58-
not yet used to low contrast palettes.
47+
Selenized includes four variants so that everyone will find something that
48+
suits their taste. Thanks to the magic of CIE Lab color space, all variants
49+
share the same lightness relationships, resulting in exactly the same
50+
readability.
51+
52+
53+
#### Selenized dark & light
54+
55+
![Selenized dark screenshot](http://i.imgur.com/yM0vadH.png)
56+
![Selenized light screenshot](http://i.imgur.com/kQVgD5U.png)
57+
58+
Like _Solarized_, but better. Dark teal and warm sepia complement each other nicely.
59+
60+
61+
#### Selenized black & white
62+
63+
Contrast inside terminal/editor is one thing, but what about the whole desktop?
64+
A window with black text on white background (e.g. a pdf document) next to your
65+
code will influence its perceived brightness. Also, what if you are working
66+
outdoors?
67+
68+
![Selenized black screenshot](http://i.imgur.com/rXIH87x.png)
69+
![Selenized white screenshot](http://i.imgur.com/sc0Uv9h.png)
70+
71+
That's why selenized has black and white variants: oldschool look with a little
72+
more contrast. Notice that yellow color on white background is readable here.
5973

utils/palettes/3rd-party/adapted_solarized_dark.py

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,8 @@
1414
"magenta": "#d33682",
1515
"cyan": "#2aa198",
1616
"dim_0": "#586e75",
17+
"orange": "#cb4b16",
18+
"violet": "#6c71c4",
1719

1820
"bg_2": "#073642",
1921
"br_red": "#dc322f",
@@ -23,4 +25,6 @@
2325
"br_magenta": "#d33682",
2426
"br_cyan": "#2aa198",
2527
"fg_1": "#93a1a1",
28+
"br_orange": "#cb4b16",
29+
"br_violet": "#6c71c4",
2630
}

0 commit comments

Comments
 (0)