Skip to content

Commit 2d611a0

Browse files
jackycutejackycute
committed
Add one-dark and one-solarized themes
1 parent c68b777 commit 2d611a0

File tree

2 files changed

+430
-0
lines changed

2 files changed

+430
-0
lines changed

‎theme/one-dark.css‎

Lines changed: 216 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,216 @@
1+
/**
2+
* Atom One Dark Theme
3+
*
4+
* Copyright (c) 2015 Hikio - twitter.com/hik_io
5+
*
6+
* 06/26/2015
7+
*
8+
* Licensed under MIT
9+
* GitHub https://github.com/hikio/brackets-one-dark
10+
*/
11+
/*
12+
Modified by jackycute 2015
13+
borrow some color from tomorrow-night-eighties
14+
*/
15+
/* Editor */
16+
.dark .panel,
17+
.dark #main-toolbar {
18+
background: #1d222a;
19+
}
20+
.dark #working-set-list-container,
21+
.dark #editor-holder .pane-header {
22+
background: #15181e;
23+
}
24+
.dark .working-set-header,
25+
.dark #project-files-header .btn-alt-quiet {
26+
background: rgba(204, 217, 255, 0.05);
27+
}
28+
.dark .working-set-header > span {
29+
background: transparent;
30+
}
31+
.dark .sidebar-selection,
32+
.dark .filetree-selection,
33+
.dark .sidebar-selection-extension,
34+
.dark .filetree-selection-extension {
35+
background: #282c34;
36+
}
37+
.dark #status-bar,
38+
.dark #status-indicators {
39+
background: #15181e;
40+
border-top-color: #1d222a;
41+
}
42+
.dark a,
43+
.dark .open-files-container li.selected a {
44+
color: #528bff;
45+
}
46+
/* Code Styling */
47+
.cm-s-one-dark.CodeMirror,
48+
.cm-s-one-dark .CodeMirror-scroll {
49+
/* background-color: #282c34;*/
50+
background-color: #1e2126;
51+
color: #abb2bf;
52+
}
53+
.cm-s-one-dark .CodeMirror-activeline-background {
54+
background: transparent;
55+
}
56+
.cm-s-one-dark.CodeMirror-focused .CodeMirror-activeline-background {
57+
background: rgba(204, 217, 255, 0.05);
58+
}
59+
.show-line-padding .cm-s-one-dark.CodeMirror-focused .CodeMirror-activeline-background {
60+
box-shadow: inset 15px 0 0 0 #000;
61+
}
62+
.cm-s-one-dark.CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt {
63+
background: transparent;
64+
color: #5c6370;
65+
}
66+
.cm-s-one-dark.CodeMirror-focused .CodeMirror-activeline .inline-widget .CodeMirror-gutter-elt {
67+
color: red;
68+
}
69+
.cm-s-one-dark .cm-string-2,
70+
.cm-s-one-dark .cm-hr {
71+
color: #56b6c2;
72+
}
73+
.cm-s-one-dark .cm-number,
74+
.cm-s-one-dark .cm-attribute,
75+
.cm-s-one-dark .cm-qualifier,
76+
.cm-s-one-dark .cm-plus,
77+
.cm-s-one-dark .cm-atom {
78+
color: #eda35e;
79+
}
80+
.cm-s-one-dark .cm-def {
81+
color: #c678dd;
82+
}
83+
.cm-s-one-dark .cm-property,
84+
.cm-s-one-dark .cm-variable,
85+
.cm-s-one-dark .cm-variable-2,
86+
.cm-s-one-dark .cm-variable-3,
87+
.cm-s-one-dark .cm-operator,
88+
/*.cm-meta,*/
89+
.cm-s-one-dark .cm-bracket {
90+
color: #f76e79;
91+
}
92+
/*borrow from tomorrow-night-eighties*/
93+
.cm-s-one-dark .cm-variable {
94+
color: #99cc99;
95+
}
96+
.cm-s-one-dark .cm-variable-2 {
97+
color: #6699cc;
98+
}
99+
100+
.cm-s-one-dark .cm-comment {
101+
color: #5c6370;
102+
font-style: italic;
103+
}
104+
.cm-s-one-dark .cm-error,
105+
.cm-s-one-dark .cm-minus {
106+
color: #be5046;
107+
}
108+
.cm-s-one-dark .cm-header {
109+
color: #eda35e;
110+
}
111+
.cm-s-one-dark .cm-link {
112+
color: #98c379;
113+
text-decoration: none;
114+
}
115+
.cm-s-one-dark .cm-rangeinfo {
116+
color: #c678dd;
117+
}
118+
.cm-s-one-dark .cm-keyword,
119+
.cm-s-one-dark .cm-builtin,
120+
.cm-s-one-dark .cm-tag {
121+
color: #98c379;
122+
}
123+
.cm-s-one-dark .cm-string {
124+
/* color: #98c379;*/
125+
color: #6699cc;
126+
}
127+
/* Extra CSS */
128+
.cm-s-one-dark .CodeMirror-searching {
129+
color: #fff !important;
130+
border: 1px solid #528bff;
131+
margin: 0 -1px;
132+
background-color: rgba(204, 217, 255, 0.09);
133+
box-shadow: 0px 0px 6px rgba(66, 133, 244, 0.4);
134+
}
135+
.cm-s-one-dark .CodeMirror-searching.searching-current-match {
136+
color: #fff;
137+
background-color: #528bff;
138+
box-shadow: 0px 0px 6px rgba(66, 133, 244, 0.8);
139+
}
140+
.cm-s-one-dark .CodeMirror-cursor {
141+
border-left: 2px solid #528bff !important;
142+
}
143+
.cm-fat-cursor .CodeMirror-cursor {
144+
border-left: 2px solid #3C5B9E !important;
145+
background: #3C5B9E;
146+
}
147+
.cm-s-one-dark .CodeMirror-gutters {
148+
/* background-color: #282c34;*/
149+
background-color: #1e2126;
150+
border-right: 1px solid rgba(204, 217, 255, 0.05);
151+
}
152+
.cm-s-one-dark .CodeMirror-linenumber {
153+
color: #393e46;
154+
}
155+
.cm-s-one-dark.CodeMirror .CodeMirror-selected {
156+
background: rgba(204, 217, 255, 0.05);
157+
}
158+
.cm-s-one-dark.CodeMirror-focused .CodeMirror-selected {
159+
background: rgba(204, 217, 255, 0.09);
160+
}
161+
.cm-s-one-dark .CodeMirror-matchingbracket,
162+
.cm-s-one-dark .CodeMirror-matchingtag {
163+
/* Ensure visibility against gray inline editor background */
164+
background-color: rgba(204, 217, 255, 0.09);
165+
color: #abb2bf !important;
166+
border-bottom: 1px solid #528bff;
167+
}
168+
.cm-s-one-dark .CodeMirror-overwrite .CodeMirror-cursor {
169+
border-left: none !important;
170+
border-bottom: 1px solid #fff;
171+
width: 0.5em;
172+
}
173+
.cm-s-one-dark.CodeMirror .CodeMirror {
174+
background: transparent;
175+
}
176+
.cm-s-one-dark.CodeMirror .CodeMirror .CodeMirror-gutters {
177+
background: transparent;
178+
border-right: none;
179+
}
180+
.cm-s-one-dark.CodeMirror .CodeMirror .CodeMirror-activeline-background {
181+
background: transparent;
182+
}
183+
.cm-s-one-dark.CodeMirror .CodeMirror .CodeMirror-activeline .CodeMirror-gutter-elt {
184+
background: transparent;
185+
color: #5c6370;
186+
}
187+
.cm-s-one-dark.CodeMirror .CodeMirror-focused .CodeMirror-activeline-background {
188+
background: #000;
189+
}
190+
.cm-s-one-dark.CodeMirror .CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt {
191+
background: rgba(204, 217, 255, 0.05);
192+
color: #fff;
193+
}
194+
.cm-s-one-dark .CodeMirror-foldgutter-open:after {
195+
color: #393e46;
196+
}
197+
.cm-s-one-dark .CodeMirror-foldgutter-folded:after {
198+
color: #5c6370;
199+
}
200+
.cm-s-one-dark .CodeMirror.over-gutter .CodeMirror-foldgutter-open:after,
201+
.cm-s-one-dark.CodeMirror-focused .CodeMirror-activeline .CodeMirror-foldgutter-open:after {
202+
color: #5c6370;
203+
}
204+
.cm-s-one-dark .CodeMirror-foldmarker {
205+
border-color: #393e46;
206+
color: #abb2bf;
207+
background: rgba(204, 217, 255, 0.05);
208+
}
209+
/* Non-editor styling */
210+
.image-view,
211+
.not-editor {
212+
background-color: #282c34;
213+
}
214+
.view-pane .image-view {
215+
color: #abb2bf;
216+
}

0 commit comments

Comments
 (0)