Skip to content

Commit 506e7e8

Browse files
author
Will Bamberg
committed
First bunch of changes after user testing feedback
1 parent 4ab06a1 commit 506e7e8

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

54 files changed

+2210
-2
lines changed

‎editable-samples/codemirror/theme/3024-day.css

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
/*
2+
3+
Name: 3024 day
4+
Author: Jan T. Sott (http://github.com/idleberg)
5+
6+
CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
7+
Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
8+
9+
*/
10+
11+
.cm-s-3024-day.CodeMirror { background: #f7f7f7; color: #3a3432; }
12+
.cm-s-3024-day div.CodeMirror-selected { background: #d6d5d4; }
13+
14+
.cm-s-3024-day .CodeMirror-line::selection, .cm-s-3024-day .CodeMirror-line > span::selection, .cm-s-3024-day .CodeMirror-line > span > span::selection { background: #d6d5d4; }
15+
.cm-s-3024-day .CodeMirror-line::-moz-selection, .cm-s-3024-day .CodeMirror-line > span::-moz-selection, .cm-s-3024-day .CodeMirror-line > span > span::selection { background: #d9d9d9; }
16+
17+
.cm-s-3024-day .CodeMirror-gutters { background: #f7f7f7; border-right: 0px; }
18+
.cm-s-3024-day .CodeMirror-guttermarker { color: #db2d20; }
19+
.cm-s-3024-day .CodeMirror-guttermarker-subtle { color: #807d7c; }
20+
.cm-s-3024-day .CodeMirror-linenumber { color: #807d7c; }
21+
22+
.cm-s-3024-day .CodeMirror-cursor { border-left: 1px solid #5c5855; }
23+
24+
.cm-s-3024-day span.cm-comment { color: #cdab53; }
25+
.cm-s-3024-day span.cm-atom { color: #a16a94; }
26+
.cm-s-3024-day span.cm-number { color: #a16a94; }
27+
28+
.cm-s-3024-day span.cm-property, .cm-s-3024-day span.cm-attribute { color: #01a252; }
29+
.cm-s-3024-day span.cm-keyword { color: #db2d20; }
30+
.cm-s-3024-day span.cm-string { color: #fded02; }
31+
32+
.cm-s-3024-day span.cm-variable { color: #01a252; }
33+
.cm-s-3024-day span.cm-variable-2 { color: #01a0e4; }
34+
.cm-s-3024-day span.cm-def { color: #e8bbd0; }
35+
.cm-s-3024-day span.cm-bracket { color: #3a3432; }
36+
.cm-s-3024-day span.cm-tag { color: #db2d20; }
37+
.cm-s-3024-day span.cm-link { color: #a16a94; }
38+
.cm-s-3024-day span.cm-error { background: #db2d20; color: #5c5855; }
39+
40+
.cm-s-3024-day .CodeMirror-activeline-background { background: #e8f2ff; }
41+
.cm-s-3024-day .CodeMirror-matchingbracket { text-decoration: underline; color: #a16a94 !important; }

‎editable-samples/codemirror/theme/3024-night.css

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
/*
2+
3+
Name: 3024 night
4+
Author: Jan T. Sott (http://github.com/idleberg)
5+
6+
CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
7+
Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
8+
9+
*/
10+
11+
.cm-s-3024-night.CodeMirror { background: #090300; color: #d6d5d4; }
12+
.cm-s-3024-night div.CodeMirror-selected { background: #3a3432; }
13+
.cm-s-3024-night .CodeMirror-line::selection, .cm-s-3024-night .CodeMirror-line > span::selection, .cm-s-3024-night .CodeMirror-line > span > span::selection { background: rgba(58, 52, 50, .99); }
14+
.cm-s-3024-night .CodeMirror-line::-moz-selection, .cm-s-3024-night .CodeMirror-line > span::-moz-selection, .cm-s-3024-night .CodeMirror-line > span > span::-moz-selection { background: rgba(58, 52, 50, .99); }
15+
.cm-s-3024-night .CodeMirror-gutters { background: #090300; border-right: 0px; }
16+
.cm-s-3024-night .CodeMirror-guttermarker { color: #db2d20; }
17+
.cm-s-3024-night .CodeMirror-guttermarker-subtle { color: #5c5855; }
18+
.cm-s-3024-night .CodeMirror-linenumber { color: #5c5855; }
19+
20+
.cm-s-3024-night .CodeMirror-cursor { border-left: 1px solid #807d7c; }
21+
22+
.cm-s-3024-night span.cm-comment { color: #cdab53; }
23+
.cm-s-3024-night span.cm-atom { color: #a16a94; }
24+
.cm-s-3024-night span.cm-number { color: #a16a94; }
25+
26+
.cm-s-3024-night span.cm-property, .cm-s-3024-night span.cm-attribute { color: #01a252; }
27+
.cm-s-3024-night span.cm-keyword { color: #db2d20; }
28+
.cm-s-3024-night span.cm-string { color: #fded02; }
29+
30+
.cm-s-3024-night span.cm-variable { color: #01a252; }
31+
.cm-s-3024-night span.cm-variable-2 { color: #01a0e4; }
32+
.cm-s-3024-night span.cm-def { color: #e8bbd0; }
33+
.cm-s-3024-night span.cm-bracket { color: #d6d5d4; }
34+
.cm-s-3024-night span.cm-tag { color: #db2d20; }
35+
.cm-s-3024-night span.cm-link { color: #a16a94; }
36+
.cm-s-3024-night span.cm-error { background: #db2d20; color: #807d7c; }
37+
38+
.cm-s-3024-night .CodeMirror-activeline-background { background: #2F2F2F; }
39+
.cm-s-3024-night .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }

‎editable-samples/codemirror/theme/abcdef.css

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
.cm-s-abcdef.CodeMirror { background: #0f0f0f; color: #defdef; }
2+
.cm-s-abcdef div.CodeMirror-selected { background: #515151; }
3+
.cm-s-abcdef .CodeMirror-line::selection, .cm-s-abcdef .CodeMirror-line > span::selection, .cm-s-abcdef .CodeMirror-line > span > span::selection { background: rgba(56, 56, 56, 0.99); }
4+
.cm-s-abcdef .CodeMirror-line::-moz-selection, .cm-s-abcdef .CodeMirror-line > span::-moz-selection, .cm-s-abcdef .CodeMirror-line > span > span::-moz-selection { background: rgba(56, 56, 56, 0.99); }
5+
.cm-s-abcdef .CodeMirror-gutters { background: #555; border-right: 2px solid #314151; }
6+
.cm-s-abcdef .CodeMirror-guttermarker { color: #222; }
7+
.cm-s-abcdef .CodeMirror-guttermarker-subtle { color: azure; }
8+
.cm-s-abcdef .CodeMirror-linenumber { color: #FFFFFF; }
9+
.cm-s-abcdef .CodeMirror-cursor { border-left: 1px solid #00FF00; }
10+
11+
.cm-s-abcdef span.cm-keyword { color: darkgoldenrod; font-weight: bold; }
12+
.cm-s-abcdef span.cm-atom { color: #77F; }
13+
.cm-s-abcdef span.cm-number { color: violet; }
14+
.cm-s-abcdef span.cm-def { color: #fffabc; }
15+
.cm-s-abcdef span.cm-variable { color: #abcdef; }
16+
.cm-s-abcdef span.cm-variable-2 { color: #cacbcc; }
17+
.cm-s-abcdef span.cm-variable-3 { color: #def; }
18+
.cm-s-abcdef span.cm-property { color: #fedcba; }
19+
.cm-s-abcdef span.cm-operator { color: #ff0; }
20+
.cm-s-abcdef span.cm-comment { color: #7a7b7c; font-style: italic;}
21+
.cm-s-abcdef span.cm-string { color: #2b4; }
22+
.cm-s-abcdef span.cm-meta { color: #C9F; }
23+
.cm-s-abcdef span.cm-qualifier { color: #FFF700; }
24+
.cm-s-abcdef span.cm-builtin { color: #30aabc; }
25+
.cm-s-abcdef span.cm-bracket { color: #8a8a8a; }
26+
.cm-s-abcdef span.cm-tag { color: #FFDD44; }
27+
.cm-s-abcdef span.cm-attribute { color: #DDFF00; }
28+
.cm-s-abcdef span.cm-error { color: #FF0000; }
29+
.cm-s-abcdef span.cm-header { color: aquamarine; font-weight: bold; }
30+
.cm-s-abcdef span.cm-link { color: blueviolet; }
31+
32+
.cm-s-abcdef .CodeMirror-activeline-background { background: #314151; }

‎editable-samples/codemirror/theme/ambiance-mobile.css

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
.cm-s-ambiance.CodeMirror {
2+
-webkit-box-shadow: none;
3+
-moz-box-shadow: none;
4+
box-shadow: none;
5+
}

‎editable-samples/codemirror/theme/ambiance.css

Lines changed: 74 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎editable-samples/codemirror/theme/base16-dark.css

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
/*
2+
3+
Name: Base16 Default Dark
4+
Author: Chris Kempson (http://chriskempson.com)
5+
6+
CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
7+
Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
8+
9+
*/
10+
11+
.cm-s-base16-dark.CodeMirror { background: #151515; color: #e0e0e0; }
12+
.cm-s-base16-dark div.CodeMirror-selected { background: #303030; }
13+
.cm-s-base16-dark .CodeMirror-line::selection, .cm-s-base16-dark .CodeMirror-line > span::selection, .cm-s-base16-dark .CodeMirror-line > span > span::selection { background: rgba(48, 48, 48, .99); }
14+
.cm-s-base16-dark .CodeMirror-line::-moz-selection, .cm-s-base16-dark .CodeMirror-line > span::-moz-selection, .cm-s-base16-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(48, 48, 48, .99); }
15+
.cm-s-base16-dark .CodeMirror-gutters { background: #151515; border-right: 0px; }
16+
.cm-s-base16-dark .CodeMirror-guttermarker { color: #ac4142; }
17+
.cm-s-base16-dark .CodeMirror-guttermarker-subtle { color: #505050; }
18+
.cm-s-base16-dark .CodeMirror-linenumber { color: #505050; }
19+
.cm-s-base16-dark .CodeMirror-cursor { border-left: 1px solid #b0b0b0; }
20+
21+
.cm-s-base16-dark span.cm-comment { color: #8f5536; }
22+
.cm-s-base16-dark span.cm-atom { color: #aa759f; }
23+
.cm-s-base16-dark span.cm-number { color: #aa759f; }
24+
25+
.cm-s-base16-dark span.cm-property, .cm-s-base16-dark span.cm-attribute { color: #90a959; }
26+
.cm-s-base16-dark span.cm-keyword { color: #ac4142; }
27+
.cm-s-base16-dark span.cm-string { color: #f4bf75; }
28+
29+
.cm-s-base16-dark span.cm-variable { color: #90a959; }
30+
.cm-s-base16-dark span.cm-variable-2 { color: #6a9fb5; }
31+
.cm-s-base16-dark span.cm-def { color: #d28445; }
32+
.cm-s-base16-dark span.cm-bracket { color: #e0e0e0; }
33+
.cm-s-base16-dark span.cm-tag { color: #ac4142; }
34+
.cm-s-base16-dark span.cm-link { color: #aa759f; }
35+
.cm-s-base16-dark span.cm-error { background: #ac4142; color: #b0b0b0; }
36+
37+
.cm-s-base16-dark .CodeMirror-activeline-background { background: #202020; }
38+
.cm-s-base16-dark .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }

‎editable-samples/codemirror/theme/base16-light.css

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
/*
2+
3+
Name: Base16 Default Light
4+
Author: Chris Kempson (http://chriskempson.com)
5+
6+
CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
7+
Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
8+
9+
*/
10+
11+
.cm-s-base16-light.CodeMirror { background: #f5f5f5; color: #202020; }
12+
.cm-s-base16-light div.CodeMirror-selected { background: #e0e0e0; }
13+
.cm-s-base16-light .CodeMirror-line::selection, .cm-s-base16-light .CodeMirror-line > span::selection, .cm-s-base16-light .CodeMirror-line > span > span::selection { background: #e0e0e0; }
14+
.cm-s-base16-light .CodeMirror-line::-moz-selection, .cm-s-base16-light .CodeMirror-line > span::-moz-selection, .cm-s-base16-light .CodeMirror-line > span > span::-moz-selection { background: #e0e0e0; }
15+
.cm-s-base16-light .CodeMirror-gutters { background: #f5f5f5; border-right: 0px; }
16+
.cm-s-base16-light .CodeMirror-guttermarker { color: #ac4142; }
17+
.cm-s-base16-light .CodeMirror-guttermarker-subtle { color: #b0b0b0; }
18+
.cm-s-base16-light .CodeMirror-linenumber { color: #b0b0b0; }
19+
.cm-s-base16-light .CodeMirror-cursor { border-left: 1px solid #505050; }
20+
21+
.cm-s-base16-light span.cm-comment { color: #8f5536; }
22+
.cm-s-base16-light span.cm-atom { color: #aa759f; }
23+
.cm-s-base16-light span.cm-number { color: #aa759f; }
24+
25+
.cm-s-base16-light span.cm-property, .cm-s-base16-light span.cm-attribute { color: #90a959; }
26+
.cm-s-base16-light span.cm-keyword { color: #ac4142; }
27+
.cm-s-base16-light span.cm-string { color: #f4bf75; }
28+
29+
.cm-s-base16-light span.cm-variable { color: #90a959; }
30+
.cm-s-base16-light span.cm-variable-2 { color: #6a9fb5; }
31+
.cm-s-base16-light span.cm-def { color: #d28445; }
32+
.cm-s-base16-light span.cm-bracket { color: #202020; }
33+
.cm-s-base16-light span.cm-tag { color: #ac4142; }
34+
.cm-s-base16-light span.cm-link { color: #aa759f; }
35+
.cm-s-base16-light span.cm-error { background: #ac4142; color: #505050; }
36+
37+
.cm-s-base16-light .CodeMirror-activeline-background { background: #DDDCDC; }
38+
.cm-s-base16-light .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }

‎editable-samples/codemirror/theme/bespin.css

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
/*
2+
3+
Name: Bespin
4+
Author: Mozilla / Jan T. Sott
5+
6+
CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
7+
Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
8+
9+
*/
10+
11+
.cm-s-bespin.CodeMirror {background: #28211c; color: #9d9b97;}
12+
.cm-s-bespin div.CodeMirror-selected {background: #36312e !important;}
13+
.cm-s-bespin .CodeMirror-gutters {background: #28211c; border-right: 0px;}
14+
.cm-s-bespin .CodeMirror-linenumber {color: #666666;}
15+
.cm-s-bespin .CodeMirror-cursor {border-left: 1px solid #797977 !important;}
16+
17+
.cm-s-bespin span.cm-comment {color: #937121;}
18+
.cm-s-bespin span.cm-atom {color: #9b859d;}
19+
.cm-s-bespin span.cm-number {color: #9b859d;}
20+
21+
.cm-s-bespin span.cm-property, .cm-s-bespin span.cm-attribute {color: #54be0d;}
22+
.cm-s-bespin span.cm-keyword {color: #cf6a4c;}
23+
.cm-s-bespin span.cm-string {color: #f9ee98;}
24+
25+
.cm-s-bespin span.cm-variable {color: #54be0d;}
26+
.cm-s-bespin span.cm-variable-2 {color: #5ea6ea;}
27+
.cm-s-bespin span.cm-def {color: #cf7d34;}
28+
.cm-s-bespin span.cm-error {background: #cf6a4c; color: #797977;}
29+
.cm-s-bespin span.cm-bracket {color: #9d9b97;}
30+
.cm-s-bespin span.cm-tag {color: #cf6a4c;}
31+
.cm-s-bespin span.cm-link {color: #9b859d;}
32+
33+
.cm-s-bespin .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
34+
.cm-s-bespin .CodeMirror-activeline-background { background: #404040; }

‎editable-samples/codemirror/theme/blackboard.css

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
/* Port of TextMate's Blackboard theme */
2+
3+
.cm-s-blackboard.CodeMirror { background: #0C1021; color: #F8F8F8; }
4+
.cm-s-blackboard div.CodeMirror-selected { background: #253B76; }
5+
.cm-s-blackboard .CodeMirror-line::selection, .cm-s-blackboard .CodeMirror-line > span::selection, .cm-s-blackboard .CodeMirror-line > span > span::selection { background: rgba(37, 59, 118, .99); }
6+
.cm-s-blackboard .CodeMirror-line::-moz-selection, .cm-s-blackboard .CodeMirror-line > span::-moz-selection, .cm-s-blackboard .CodeMirror-line > span > span::-moz-selection { background: rgba(37, 59, 118, .99); }
7+
.cm-s-blackboard .CodeMirror-gutters { background: #0C1021; border-right: 0; }
8+
.cm-s-blackboard .CodeMirror-guttermarker { color: #FBDE2D; }
9+
.cm-s-blackboard .CodeMirror-guttermarker-subtle { color: #888; }
10+
.cm-s-blackboard .CodeMirror-linenumber { color: #888; }
11+
.cm-s-blackboard .CodeMirror-cursor { border-left: 1px solid #A7A7A7; }
12+
13+
.cm-s-blackboard .cm-keyword { color: #FBDE2D; }
14+
.cm-s-blackboard .cm-atom { color: #D8FA3C; }
15+
.cm-s-blackboard .cm-number { color: #D8FA3C; }
16+
.cm-s-blackboard .cm-def { color: #8DA6CE; }
17+
.cm-s-blackboard .cm-variable { color: #FF6400; }
18+
.cm-s-blackboard .cm-operator { color: #FBDE2D; }
19+
.cm-s-blackboard .cm-comment { color: #AEAEAE; }
20+
.cm-s-blackboard .cm-string { color: #61CE3C; }
21+
.cm-s-blackboard .cm-string-2 { color: #61CE3C; }
22+
.cm-s-blackboard .cm-meta { color: #D8FA3C; }
23+
.cm-s-blackboard .cm-builtin { color: #8DA6CE; }
24+
.cm-s-blackboard .cm-tag { color: #8DA6CE; }
25+
.cm-s-blackboard .cm-attribute { color: #8DA6CE; }
26+
.cm-s-blackboard .cm-header { color: #FF6400; }
27+
.cm-s-blackboard .cm-hr { color: #AEAEAE; }
28+
.cm-s-blackboard .cm-link { color: #8DA6CE; }
29+
.cm-s-blackboard .cm-error { background: #9D1E15; color: #F8F8F8; }
30+
31+
.cm-s-blackboard .CodeMirror-activeline-background { background: #3C3636; }
32+
.cm-s-blackboard .CodeMirror-matchingbracket { outline:1px solid grey;color:white !important; }

‎editable-samples/codemirror/theme/cobalt.css

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
.cm-s-cobalt.CodeMirror { background: #002240; color: white; }
2+
.cm-s-cobalt div.CodeMirror-selected { background: #b36539; }
3+
.cm-s-cobalt .CodeMirror-line::selection, .cm-s-cobalt .CodeMirror-line > span::selection, .cm-s-cobalt .CodeMirror-line > span > span::selection { background: rgba(179, 101, 57, .99); }
4+
.cm-s-cobalt .CodeMirror-line::-moz-selection, .cm-s-cobalt .CodeMirror-line > span::-moz-selection, .cm-s-cobalt .CodeMirror-line > span > span::-moz-selection { background: rgba(179, 101, 57, .99); }
5+
.cm-s-cobalt .CodeMirror-gutters { background: #002240; border-right: 1px solid #aaa; }
6+
.cm-s-cobalt .CodeMirror-guttermarker { color: #ffee80; }
7+
.cm-s-cobalt .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
8+
.cm-s-cobalt .CodeMirror-linenumber { color: #d0d0d0; }
9+
.cm-s-cobalt .CodeMirror-cursor { border-left: 1px solid white; }
10+
11+
.cm-s-cobalt span.cm-comment { color: #08f; }
12+
.cm-s-cobalt span.cm-atom { color: #845dc4; }
13+
.cm-s-cobalt span.cm-number, .cm-s-cobalt span.cm-attribute { color: #ff80e1; }
14+
.cm-s-cobalt span.cm-keyword { color: #ffee80; }
15+
.cm-s-cobalt span.cm-string { color: #3ad900; }
16+
.cm-s-cobalt span.cm-meta { color: #ff9d00; }
17+
.cm-s-cobalt span.cm-variable-2, .cm-s-cobalt span.cm-tag { color: #9effff; }
18+
.cm-s-cobalt span.cm-variable-3, .cm-s-cobalt span.cm-def { color: white; }
19+
.cm-s-cobalt span.cm-bracket { color: #d8d8d8; }
20+
.cm-s-cobalt span.cm-builtin, .cm-s-cobalt span.cm-special { color: #ff9e59; }
21+
.cm-s-cobalt span.cm-link { color: #845dc4; }
22+
.cm-s-cobalt span.cm-error { color: #9d1e15; }
23+
24+
.cm-s-cobalt .CodeMirror-activeline-background { background: #002D57; }
25+
.cm-s-cobalt .CodeMirror-matchingbracket { outline:1px solid grey;color:white !important; }

‎editable-samples/codemirror/theme/colorforth.css

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
.cm-s-colorforth.CodeMirror { background: #000000; color: #f8f8f8; }
2+
.cm-s-colorforth .CodeMirror-gutters { background: #0a001f; border-right: 1px solid #aaa; }
3+
.cm-s-colorforth .CodeMirror-guttermarker { color: #FFBD40; }
4+
.cm-s-colorforth .CodeMirror-guttermarker-subtle { color: #78846f; }
5+
.cm-s-colorforth .CodeMirror-linenumber { color: #bababa; }
6+
.cm-s-colorforth .CodeMirror-cursor { border-left: 1px solid white; }
7+
8+
.cm-s-colorforth span.cm-comment { color: #ededed; }
9+
.cm-s-colorforth span.cm-def { color: #ff1c1c; font-weight:bold; }
10+
.cm-s-colorforth span.cm-keyword { color: #ffd900; }
11+
.cm-s-colorforth span.cm-builtin { color: #00d95a; }
12+
.cm-s-colorforth span.cm-variable { color: #73ff00; }
13+
.cm-s-colorforth span.cm-string { color: #007bff; }
14+
.cm-s-colorforth span.cm-number { color: #00c4ff; }
15+
.cm-s-colorforth span.cm-atom { color: #606060; }
16+
17+
.cm-s-colorforth span.cm-variable-2 { color: #EEE; }
18+
.cm-s-colorforth span.cm-variable-3 { color: #DDD; }
19+
.cm-s-colorforth span.cm-property {}
20+
.cm-s-colorforth span.cm-operator {}
21+
22+
.cm-s-colorforth span.cm-meta { color: yellow; }
23+
.cm-s-colorforth span.cm-qualifier { color: #FFF700; }
24+
.cm-s-colorforth span.cm-bracket { color: #cc7; }
25+
.cm-s-colorforth span.cm-tag { color: #FFBD40; }
26+
.cm-s-colorforth span.cm-attribute { color: #FFF700; }
27+
.cm-s-colorforth span.cm-error { color: #f00; }
28+
29+
.cm-s-colorforth div.CodeMirror-selected { background: #333d53; }
30+
31+
.cm-s-colorforth span.cm-compilation { background: rgba(255, 255, 255, 0.12); }
32+
33+
.cm-s-colorforth .CodeMirror-activeline-background { background: #253540; }

‎editable-samples/codemirror/theme/dracula.css

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
/*
2+
3+
Name: dracula
4+
Author: Michael Kaminsky (http://github.com/mkaminsky11)
5+
6+
Original dracula color scheme by Zeno Rocha (https://github.com/zenorocha/dracula-theme)
7+
8+
*/
9+
10+
11+
.cm-s-dracula.CodeMirror, .cm-s-dracula .CodeMirror-gutters {
12+
background-color: #282a36 !important;
13+
color: #f8f8f2 !important;
14+
border: none;
15+
}
16+
.cm-s-dracula .CodeMirror-gutters { color: #282a36; }
17+
.cm-s-dracula .CodeMirror-cursor { border-left: solid thin #f8f8f0; }
18+
.cm-s-dracula .CodeMirror-linenumber { color: #6D8A88; }
19+
.cm-s-dracula .CodeMirror-selected { background: rgba(255, 255, 255, 0.10); }
20+
.cm-s-dracula .CodeMirror-line::selection, .cm-s-dracula .CodeMirror-line > span::selection, .cm-s-dracula .CodeMirror-line > span > span::selection { background: rgba(255, 255, 255, 0.10); }
21+
.cm-s-dracula .CodeMirror-line::-moz-selection, .cm-s-dracula .CodeMirror-line > span::-moz-selection, .cm-s-dracula .CodeMirror-line > span > span::-moz-selection { background: rgba(255, 255, 255, 0.10); }
22+
.cm-s-dracula span.cm-comment { color: #6272a4; }
23+
.cm-s-dracula span.cm-string, .cm-s-dracula span.cm-string-2 { color: #f1fa8c; }
24+
.cm-s-dracula span.cm-number { color: #bd93f9; }
25+
.cm-s-dracula span.cm-variable { color: #50fa7b; }
26+
.cm-s-dracula span.cm-variable-2 { color: white; }
27+
.cm-s-dracula span.cm-def { color: #50fa7b; }
28+
.cm-s-dracula span.cm-operator { color: #ff79c6; }
29+
.cm-s-dracula span.cm-keyword { color: #ff79c6; }
30+
.cm-s-dracula span.cm-atom { color: #bd93f9; }
31+
.cm-s-dracula span.cm-meta { color: #f8f8f2; }
32+
.cm-s-dracula span.cm-tag { color: #ff79c6; }
33+
.cm-s-dracula span.cm-attribute { color: #50fa7b; }
34+
.cm-s-dracula span.cm-qualifier { color: #50fa7b; }
35+
.cm-s-dracula span.cm-property { color: #66d9ef; }
36+
.cm-s-dracula span.cm-builtin { color: #50fa7b; }
37+
.cm-s-dracula span.cm-variable-3 { color: #ffb86c; }
38+
39+
.cm-s-dracula .CodeMirror-activeline-background { background: rgba(255,255,255,0.1); }
40+
.cm-s-dracula .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }

0 commit comments

Comments
 (0)