Skip to content

Commit dc9bcff

Browse files
scottmathsonscottmathson
committed
oinital commit
0 parents  commit dc9bcff

10 files changed

Lines changed: 407 additions & 0 deletions

‎.gitignore‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.DS_Store
2+
npm-debug.log
3+
node_modules

‎CHANGELOG.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
## 0.1.0 - First Release
2+
* Inital release - 2017/03/02

‎LICENSE.md‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
Copyright (c) 2017 <Your name here>
2+
3+
Permission is hereby granted, free of charge, to any person obtaining
4+
a copy of this software and associated documentation files (the
5+
"Software"), to deal in the Software without restriction, including
6+
without limitation the rights to use, copy, modify, merge, publish,
7+
distribute, sublicense, and/or sell copies of the Software, and to
8+
permit persons to whom the Software is furnished to do so, subject to
9+
the following conditions:
10+
11+
The above copyright notice and this permission notice shall be
12+
included in all copies or substantial portions of the Software.
13+
14+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
15+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
16+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
17+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
18+
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
19+
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
20+
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

‎README.md‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
# Atom Text Editor Syntax Theme
2+
## crispy-realization-syntax theme
3+
4+
Crisp colors, dark background, (mostly) websafe colors - take it to the wild! I dig it (use if every day), hopefully you will too.
5+
6+
![A screenshot of your theme](https://raw.githubusercontent.com/scottdesdev/crispy-realization-syntax-theme/master/crispy-realization-syntax-theme-js-example.png)
7+
8+
Font used in screenshot: Fira Mono
9+
10+
###Yes, the name is a <a href="https://youtu.be/GhDnyPsQsB0" target="_blank">Bon Iver reference</a> ;-)

‎crispy-realization-syntax-theme-js-example.png‎

155 KB
Loading

‎index.less‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
@import "./styles/base.less";

‎package.json‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
{
2+
"name": "crispy-realization-syntax",
3+
"theme": "syntax",
4+
"version": "0.1.0",
5+
"description": "Crisp colors, dark background, (mostly) websafe colors - take it to the wild!",
6+
"keywords": [
7+
"syntax",
8+
"theme"
9+
],
10+
"repository": "https://github.com/scottdesdev/crispy-realization-syntax-theme",
11+
"license": "MIT",
12+
"engines": {
13+
"atom": ">=1.0.0 <2.0.0"
14+
}
15+
}

‎styles/base.less‎

Lines changed: 310 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,310 @@
1+
@import "syntax-variables";
2+
3+
atom-text-editor {
4+
background-color: @syntax-background-color;
5+
color: @syntax-text-color;
6+
7+
.wrap-guide {
8+
background-color: @syntax-wrap-guide-color;
9+
}
10+
11+
.indent-guide {
12+
color: @syntax-indent-guide-color;
13+
}
14+
15+
.invisible-character {
16+
color: @syntax-invisible-character-color;
17+
}
18+
19+
.gutter {
20+
background-color: @syntax-gutter-background-color;
21+
color: @syntax-gutter-text-color;
22+
23+
.line-number {
24+
&.cursor-line {
25+
background-color: @syntax-gutter-background-color-selected;
26+
color: @syntax-gutter-text-color-selected;
27+
}
28+
29+
&.cursor-line-no-selection {
30+
color: @syntax-gutter-text-color-selected;
31+
}
32+
}
33+
}
34+
35+
.gutter .line-number.folded,
36+
.gutter .line-number:after,
37+
.fold-marker:after {
38+
color: @light-gray;
39+
}
40+
41+
.invisible {
42+
color: @syntax-text-color;
43+
}
44+
45+
.cursor {
46+
color: @syntax-cursor-color;
47+
}
48+
49+
.selection .region {
50+
background-color: @syntax-selection-color;
51+
}
52+
}
53+
54+
atom-text-editor .search-results .marker .region {
55+
background-color: transparent;
56+
border: 1px solid @syntax-result-marker-color;
57+
}
58+
59+
atom-text-editor .search-results .marker.current-result .region {
60+
border: 1px solid @syntax-result-marker-color-selected;
61+
}
62+
63+
64+
// Syntax styles
65+
66+
.syntax--comment {
67+
color: @light-gray;
68+
}
69+
70+
.syntax--keyword {
71+
color: @purple;
72+
73+
&.syntax--control {
74+
color: @purple;
75+
}
76+
77+
&.syntax--operator {
78+
color: @syntax-text-color;
79+
}
80+
81+
&.syntax--other.syntax--special-method {
82+
color: @blue;
83+
}
84+
85+
&.syntax--other.syntax--unit {
86+
color: @orange;
87+
}
88+
}
89+
90+
.syntax--storage {
91+
color: @purple;
92+
}
93+
94+
.syntax--constant {
95+
color: @orange;
96+
97+
&.syntax--character.syntax--escape {
98+
color: @cyan;
99+
}
100+
101+
&.syntax--numeric {
102+
color: @orange;
103+
}
104+
105+
&.syntax--other.syntax--color {
106+
color: @cyan;
107+
}
108+
109+
&.syntax--other.syntax--symbol {
110+
color: @green;
111+
}
112+
}
113+
114+
.syntax--variable {
115+
color: @red;
116+
117+
&.syntax--interpolation {
118+
color: darken(@red, 10%);
119+
}
120+
121+
&.syntax--parameter.syntax--function {
122+
color: @syntax-text-color;
123+
}
124+
}
125+
126+
.syntax--invalid.syntax--illegal {
127+
background-color: @red;
128+
color: @syntax-background-color;
129+
}
130+
131+
.syntax--string {
132+
color: @green;
133+
134+
135+
&.syntax--regexp {
136+
color: @cyan;
137+
138+
.syntax--source.syntax--ruby.syntax--embedded {
139+
color: @orange;
140+
}
141+
}
142+
143+
&.syntax--other.syntax--link {
144+
color: @red;
145+
}
146+
}
147+
148+
.syntax--punctuation {
149+
&.syntax--definition {
150+
&.syntax--comment {
151+
color: @light-gray;
152+
}
153+
154+
&.syntax--string,
155+
&.syntax--variable,
156+
&.syntax--parameters,
157+
&.syntax--array {
158+
color: @syntax-text-color;
159+
}
160+
161+
&.syntax--heading,
162+
&.syntax--identity {
163+
color: @blue;
164+
}
165+
166+
&.syntax--bold {
167+
color: @light-orange;
168+
font-weight: bold;
169+
}
170+
171+
&.syntax--italic {
172+
color: @purple;
173+
font-style: italic;
174+
}
175+
}
176+
177+
&.syntax--section.syntax--embedded {
178+
color: darken(@red, 10%);
179+
}
180+
181+
}
182+
183+
.syntax--support {
184+
&.syntax--class {
185+
color: @light-orange;
186+
}
187+
188+
&.syntax--function {
189+
color: @cyan;
190+
191+
&.syntax--any-method {
192+
color: @blue;
193+
}
194+
}
195+
}
196+
197+
.syntax--entity {
198+
&.syntax--name.syntax--function {
199+
color: @blue;
200+
}
201+
&.syntax--name.syntax--type {
202+
color: @light-orange;
203+
text-decoration: none;
204+
}
205+
206+
&.syntax--other.syntax--inherited-class {
207+
color: @green;
208+
}
209+
&.syntax--name.syntax--class, &.syntax--name.syntax--type.syntax--class {
210+
color: @light-orange;
211+
}
212+
213+
&.syntax--name.syntax--section {
214+
color: @blue;
215+
}
216+
217+
&.syntax--name.syntax--tag {
218+
color: @red;
219+
text-decoration: none;
220+
}
221+
222+
&.syntax--other.syntax--attribute-name {
223+
color: @orange;
224+
225+
&.syntax--id {
226+
color: @blue;
227+
}
228+
}
229+
}
230+
231+
.syntax--meta {
232+
&.syntax--class {
233+
color: @light-orange;
234+
}
235+
236+
&.syntax--link {
237+
color: @orange;
238+
}
239+
240+
&.syntax--require {
241+
color: @blue;
242+
}
243+
244+
&.syntax--selector {
245+
color: @purple;
246+
}
247+
248+
&.syntax--separator {
249+
background-color: @gray;
250+
color: @syntax-text-color;
251+
}
252+
}
253+
254+
.syntax--none {
255+
color: @syntax-text-color;
256+
}
257+
258+
.syntax--markup {
259+
&.syntax--bold {
260+
color: @orange;
261+
font-weight: bold;
262+
}
263+
264+
&.syntax--changed {
265+
color: @purple;
266+
}
267+
268+
&.syntax--deleted {
269+
color: @red;
270+
}
271+
272+
&.syntax--italic {
273+
color: @purple;
274+
font-style: italic;
275+
}
276+
277+
&.syntax--heading .syntax--punctuation.syntax--definition.syntax--heading {
278+
color: @blue;
279+
}
280+
281+
&.syntax--inserted {
282+
color: @green;
283+
}
284+
285+
&.syntax--list {
286+
color: @red;
287+
}
288+
289+
&.syntax--quote {
290+
color: @orange;
291+
}
292+
293+
&.syntax--raw.syntax--inline {
294+
color: @green;
295+
}
296+
}
297+
298+
.syntax--source.syntax--gfm .syntax--markup {
299+
-webkit-font-smoothing: auto;
300+
&.syntax--heading {
301+
color: @green;
302+
}
303+
}
304+
305+
306+
// Mini editor
307+
308+
atom-text-editor[mini] .scroll-view {
309+
padding-left: 2px;
310+
}

‎styles/colors.less‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
// These colors are specific to the theme. Do not use in a package!
2+
3+
@very-light-gray: #cdcdcd;
4+
@light-gray: #777777;
5+
@gray: #666666;
6+
@dark-gray: #222222;
7+
@very-dark-gray: #222222;
8+
9+
@cyan: #66ccff;
10+
@blue: #99ccff;
11+
@purple: #ff99ff;
12+
@green: #99cc66;
13+
@red: #ff7777;
14+
@orange: #ff9922;
15+
@light-orange: #ffcc99;

0 commit comments

Comments
 (0)