Skip to content

Commit efbaa4f

Browse files
AlexanderPrendotamarijnh
authored andcommitted
[darcula theme] Add
1 parent aa92503 commit efbaa4f

File tree

2 files changed

+36
-0
lines changed

2 files changed

+36
-0
lines changed

demo/theme.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -56,6 +56,7 @@
5656
<link rel="stylesheet" href="../theme/xq-light.css">
5757
<link rel="stylesheet" href="../theme/yeti.css">
5858
<link rel="stylesheet" href="../theme/idea.css">
59+
<link rel="stylesheet" href="../theme/darcula.css">
5960
<link rel="stylesheet" href="../theme/zenburn.css">
6061
<script src="../lib/codemirror.js"></script>
6162
<script src="../mode/javascript/javascript.js"></script>
@@ -105,6 +106,7 @@ <h2>Theme Demo</h2>
105106
<option>blackboard</option>
106107
<option>cobalt</option>
107108
<option>colorforth</option>
109+
<option>darcula</option>
108110
<option>dracula</option>
109111
<option>duotone-dark</option>
110112
<option>duotone-light</option>

theme/darcula.css

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
/**
2+
Name: IntelliJ IDEA darcula theme
3+
From IntelliJ IDEA by JetBrains
4+
*/
5+
6+
.cm-s-darcula span.cm-meta { color: #BBB529; }
7+
.cm-s-darcula span.cm-number { color: #6897BB; }
8+
.cm-s-darcula span.cm-keyword { line-height: 1em; font-weight: bold; color: #CC7832; }
9+
.cm-s-darcula span.cm-def { color: #FFC66D; }
10+
.cm-s-darcula span.cm-variable { color: #A9B7C6; }
11+
.cm-s-darcula span.cm-variable-2 { color: #A9B7C6; }
12+
.cm-s-darcula span.cm-variable-3, .cm-s-darcula span.cm-type { color: #A9B7C6; }
13+
.cm-s-darcula span.cm-property { color: #A9B7C6; }
14+
.cm-s-darcula span.cm-operator { color: #A9B7C6; }
15+
.cm-s-darcula span.cm-string { color: #6A8759; }
16+
.cm-s-darcula span.cm-string-2 { color: #6A8759; }
17+
.cm-s-darcula span.cm-comment { color: #808080; }
18+
.cm-s-darcula span.cm-link { color: #287BDE; }
19+
.cm-s-darcula span.cm-atom { font-weight: bold; color: #CC7832; }
20+
.cm-s-darcula span.cm-error { color: #BC3F3C; }
21+
.cm-s-darcula span.cm-tag { color: #CC7832; }
22+
.cm-s-darcula span.cm-attribute { color: #6A8759; }
23+
.cm-s-darcula span.cm-qualifier { color: #6A8759; }
24+
.cm-s-darcula span.cm-bracket { color: #A9B7C6; }
25+
.cm-s-darcula.CodeMirror { background: #2B2B2B; color: #A9B7C6; }
26+
27+
28+
.cm-s-darcula .CodeMirror-activeline-background { background: #3A3A3A; }
29+
.cm-s-darcula div.CodeMirror-selected { background: #085a9c; }
30+
.cm-s-darcula .CodeMirror-gutters { background: rgb(72, 72, 72); border-right: 1px solid grey; color: #606366 }
31+
32+
.cm-s-darcula span.cm-builtin { color: #A9B7C6; }
33+
.cm-s-darcula { font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;}
34+
.cm-s-darcula .CodeMirror-matchingbracket { outline:1px solid #A9B7C6; color: yellow !important; }

0 commit comments

Comments
 (0)