codemirror-rails 5.4 → 5.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (51) hide show
  1. checksums.yaml +4 -4
  2. data/lib/codemirror/rails/version.rb +2 -2
  3. data/vendor/assets/javascripts/codemirror.js +88 -35
  4. data/vendor/assets/javascripts/codemirror/addons/hint/show-hint.js +10 -7
  5. data/vendor/assets/javascripts/codemirror/addons/search/search.js +52 -17
  6. data/vendor/assets/javascripts/codemirror/addons/tern/tern.js +1 -1
  7. data/vendor/assets/javascripts/codemirror/keymaps/emacs.js +1 -1
  8. data/vendor/assets/javascripts/codemirror/keymaps/sublime.js +4 -2
  9. data/vendor/assets/javascripts/codemirror/keymaps/vim.js +1 -1
  10. data/vendor/assets/javascripts/codemirror/modes/brainfuck.js +85 -0
  11. data/vendor/assets/javascripts/codemirror/modes/clike.js +13 -0
  12. data/vendor/assets/javascripts/codemirror/modes/css.js +2 -0
  13. data/vendor/assets/javascripts/codemirror/modes/erlang.js +0 -4
  14. data/vendor/assets/javascripts/codemirror/modes/gfm.js +3 -2
  15. data/vendor/assets/javascripts/codemirror/modes/markdown.js +7 -7
  16. data/vendor/assets/javascripts/codemirror/modes/ruby.js +1 -1
  17. data/vendor/assets/javascripts/codemirror/modes/rust.js +1 -1
  18. data/vendor/assets/javascripts/codemirror/modes/vhdl.js +189 -0
  19. data/vendor/assets/javascripts/codemirror/modes/xml.js +1 -0
  20. data/vendor/assets/stylesheets/codemirror.css +19 -12
  21. data/vendor/assets/stylesheets/codemirror/addons/tern/tern.css +1 -0
  22. data/vendor/assets/stylesheets/codemirror/themes/3024-day.css +3 -2
  23. data/vendor/assets/stylesheets/codemirror/themes/3024-night.css +2 -2
  24. data/vendor/assets/stylesheets/codemirror/themes/ambiance.css +2 -2
  25. data/vendor/assets/stylesheets/codemirror/themes/base16-dark.css +2 -2
  26. data/vendor/assets/stylesheets/codemirror/themes/base16-light.css +2 -2
  27. data/vendor/assets/stylesheets/codemirror/themes/blackboard.css +2 -2
  28. data/vendor/assets/stylesheets/codemirror/themes/cobalt.css +2 -2
  29. data/vendor/assets/stylesheets/codemirror/themes/dracula.css +87 -0
  30. data/vendor/assets/stylesheets/codemirror/themes/erlang-dark.css +2 -2
  31. data/vendor/assets/stylesheets/codemirror/themes/icecoder.css +42 -0
  32. data/vendor/assets/stylesheets/codemirror/themes/lesser-dark.css +2 -2
  33. data/vendor/assets/stylesheets/codemirror/themes/material.css +105 -0
  34. data/vendor/assets/stylesheets/codemirror/themes/mbo.css +2 -2
  35. data/vendor/assets/stylesheets/codemirror/themes/mdn-like.css +2 -2
  36. data/vendor/assets/stylesheets/codemirror/themes/midnight.css +2 -2
  37. data/vendor/assets/stylesheets/codemirror/themes/monokai.css +2 -2
  38. data/vendor/assets/stylesheets/codemirror/themes/night.css +2 -2
  39. data/vendor/assets/stylesheets/codemirror/themes/paraiso-dark.css +2 -2
  40. data/vendor/assets/stylesheets/codemirror/themes/paraiso-light.css +2 -2
  41. data/vendor/assets/stylesheets/codemirror/themes/pastel-on-dark.css +2 -2
  42. data/vendor/assets/stylesheets/codemirror/themes/rubyblue.css +2 -2
  43. data/vendor/assets/stylesheets/codemirror/themes/seti.css +88 -0
  44. data/vendor/assets/stylesheets/codemirror/themes/solarized.css +3 -3
  45. data/vendor/assets/stylesheets/codemirror/themes/the-matrix.css +2 -2
  46. data/vendor/assets/stylesheets/codemirror/themes/tomorrow-night-eighties.css +2 -2
  47. data/vendor/assets/stylesheets/codemirror/themes/twilight.css +2 -2
  48. data/vendor/assets/stylesheets/codemirror/themes/vibrant-ink.css +2 -2
  49. data/vendor/assets/stylesheets/codemirror/themes/xq-dark.css +2 -2
  50. data/vendor/assets/stylesheets/codemirror/themes/yeti.css +86 -0
  51. metadata +8 -1
@@ -63,21 +63,22 @@
63
63
  -webkit-animation: blink 1.06s steps(1) infinite;
64
64
  -moz-animation: blink 1.06s steps(1) infinite;
65
65
  animation: blink 1.06s steps(1) infinite;
66
+ background-color: #7e7;
66
67
  }
67
68
  @-moz-keyframes blink {
68
- 0% { background: #7e7; }
69
- 50% { background: none; }
70
- 100% { background: #7e7; }
69
+ 0% {}
70
+ 50% { background-color: transparent; }
71
+ 100% {}
71
72
  }
72
73
  @-webkit-keyframes blink {
73
- 0% { background: #7e7; }
74
- 50% { background: none; }
75
- 100% { background: #7e7; }
74
+ 0% {}
75
+ 50% { background-color: transparent; }
76
+ 100% {}
76
77
  }
77
78
  @keyframes blink {
78
- 0% { background: #7e7; }
79
- 50% { background: none; }
80
- 100% { background: #7e7; }
79
+ 0% {}
80
+ 50% { background-color: transparent; }
81
+ 100% {}
81
82
  }
82
83
 
83
84
  /* Can style cursor different in overwrite (non-insert) mode */
@@ -202,7 +203,13 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
202
203
  .CodeMirror-gutter-wrapper {
203
204
  position: absolute;
204
205
  z-index: 4;
205
- height: 100%;
206
+ background: none !important;
207
+ border: none !important;
208
+ }
209
+ .CodeMirror-gutter-background {
210
+ position: absolute;
211
+ top: 0; bottom: 0;
212
+ z-index: 4;
206
213
  }
207
214
  .CodeMirror-gutter-elt {
208
215
  position: absolute;
@@ -297,8 +304,8 @@ div.CodeMirror-cursors {
297
304
  .CodeMirror-selected { background: #d9d9d9; }
298
305
  .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
299
306
  .CodeMirror-crosshair { cursor: crosshair; }
300
- .CodeMirror ::selection { background: #d7d4f0; }
301
- .CodeMirror ::-moz-selection { background: #d7d4f0; }
307
+ .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
308
+ .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
302
309
 
303
310
  .cm-searching {
304
311
  background: #ffa;
@@ -1,6 +1,7 @@
1
1
  .CodeMirror-Tern-completion {
2
2
  padding-left: 22px;
3
3
  position: relative;
4
+ line-height: 1.5;
4
5
  }
5
6
  .CodeMirror-Tern-completion:before {
6
7
  position: absolute;
@@ -10,8 +10,9 @@
10
10
 
11
11
  .cm-s-3024-day.CodeMirror {background: #f7f7f7; color: #3a3432;}
12
12
  .cm-s-3024-day div.CodeMirror-selected {background: #d6d5d4 !important;}
13
- .cm-s-3024-day.CodeMirror ::selection { background: #d6d5d4; }
14
- .cm-s-3024-day.CodeMirror ::-moz-selection { background: #d9d9d9; }
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; }
15
16
 
16
17
  .cm-s-3024-day .CodeMirror-gutters {background: #f7f7f7; border-right: 0px;}
17
18
  .cm-s-3024-day .CodeMirror-guttermarker { color: #db2d20; }
@@ -10,8 +10,8 @@
10
10
 
11
11
  .cm-s-3024-night.CodeMirror {background: #090300; color: #d6d5d4;}
12
12
  .cm-s-3024-night div.CodeMirror-selected {background: #3a3432 !important;}
13
- .cm-s-3024-night.CodeMirror ::selection { background: rgba(58, 52, 50, .99); }
14
- .cm-s-3024-night.CodeMirror ::-moz-selection { background: rgba(58, 52, 50, .99); }
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
15
  .cm-s-3024-night .CodeMirror-gutters {background: #090300; border-right: 0px;}
16
16
  .cm-s-3024-night .CodeMirror-guttermarker { color: #db2d20; }
17
17
  .cm-s-3024-night .CodeMirror-guttermarker-subtle { color: #5c5855; }
@@ -33,8 +33,8 @@
33
33
 
34
34
  .cm-s-ambiance .CodeMirror-selected { background: rgba(255, 255, 255, 0.15); }
35
35
  .cm-s-ambiance.CodeMirror-focused .CodeMirror-selected { background: rgba(255, 255, 255, 0.10); }
36
- .cm-s-ambiance.CodeMirror ::selection { background: rgba(255, 255, 255, 0.10); }
37
- .cm-s-ambiance.CodeMirror ::-moz-selection { background: rgba(255, 255, 255, 0.10); }
36
+ .cm-s-ambiance .CodeMirror-line::selection, .cm-s-ambiance .CodeMirror-line > span::selection, .cm-s-ambiance .CodeMirror-line > span > span::selection { background: rgba(255, 255, 255, 0.10); }
37
+ .cm-s-ambiance .CodeMirror-line::-moz-selection, .cm-s-ambiance .CodeMirror-line > span::-moz-selection, .cm-s-ambiance .CodeMirror-line > span > span::-moz-selection { background: rgba(255, 255, 255, 0.10); }
38
38
 
39
39
  /* Editor styling */
40
40
 
@@ -10,8 +10,8 @@
10
10
 
11
11
  .cm-s-base16-dark.CodeMirror {background: #151515; color: #e0e0e0;}
12
12
  .cm-s-base16-dark div.CodeMirror-selected {background: #303030 !important;}
13
- .cm-s-base16-dark.CodeMirror ::selection { background: rgba(48, 48, 48, .99); }
14
- .cm-s-base16-dark.CodeMirror ::-moz-selection { background: rgba(48, 48, 48, .99); }
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
15
  .cm-s-base16-dark .CodeMirror-gutters {background: #151515; border-right: 0px;}
16
16
  .cm-s-base16-dark .CodeMirror-guttermarker { color: #ac4142; }
17
17
  .cm-s-base16-dark .CodeMirror-guttermarker-subtle { color: #505050; }
@@ -10,8 +10,8 @@
10
10
 
11
11
  .cm-s-base16-light.CodeMirror {background: #f5f5f5; color: #202020;}
12
12
  .cm-s-base16-light div.CodeMirror-selected {background: #e0e0e0 !important;}
13
- .cm-s-base16-light.CodeMirror ::selection { background: #e0e0e0; }
14
- .cm-s-base16-light.CodeMirror ::-moz-selection { 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
15
  .cm-s-base16-light .CodeMirror-gutters {background: #f5f5f5; border-right: 0px;}
16
16
  .cm-s-base16-light .CodeMirror-guttermarker { color: #ac4142; }
17
17
  .cm-s-base16-light .CodeMirror-guttermarker-subtle { color: #b0b0b0; }
@@ -2,8 +2,8 @@
2
2
 
3
3
  .cm-s-blackboard.CodeMirror { background: #0C1021; color: #F8F8F8; }
4
4
  .cm-s-blackboard .CodeMirror-selected { background: #253B76 !important; }
5
- .cm-s-blackboard.CodeMirror ::selection { background: rgba(37, 59, 118, .99); }
6
- .cm-s-blackboard.CodeMirror ::-moz-selection { background: rgba(37, 59, 118, .99); }
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
7
  .cm-s-blackboard .CodeMirror-gutters { background: #0C1021; border-right: 0; }
8
8
  .cm-s-blackboard .CodeMirror-guttermarker { color: #FBDE2D; }
9
9
  .cm-s-blackboard .CodeMirror-guttermarker-subtle { color: #888; }
@@ -1,7 +1,7 @@
1
1
  .cm-s-cobalt.CodeMirror { background: #002240; color: white; }
2
2
  .cm-s-cobalt div.CodeMirror-selected { background: #b36539 !important; }
3
- .cm-s-cobalt.CodeMirror ::selection { background: rgba(179, 101, 57, .99); }
4
- .cm-s-cobalt.CodeMirror ::-moz-selection { background: rgba(179, 101, 57, .99); }
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
5
  .cm-s-cobalt .CodeMirror-gutters { background: #002240; border-right: 1px solid #aaa; }
6
6
  .cm-s-cobalt .CodeMirror-guttermarker { color: #ffee80; }
7
7
  .cm-s-cobalt .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
@@ -0,0 +1,87 @@
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{
17
+ color: #282a36;
18
+ }
19
+ .cm-s-dracula .CodeMirror-cursor {
20
+ border-left: solid thin #f8f8f0 !important;
21
+ }
22
+ .cm-s-dracula .CodeMirror-linenumber {
23
+ color: #6D8A88;
24
+ }
25
+ .cm-s-dracula.CodeMirror-focused .CodeMirror-selected {
26
+ background: rgba(255, 255, 255, 0.10);
27
+ }
28
+ .cm-s-dracula .CodeMirror-line::selection, .cm-s-dracula .CodeMirror-line > span::selection, .cm-s-dracula .CodeMirror-line > span > span::selection {
29
+ background: rgba(255, 255, 255, 0.10);
30
+ }
31
+ .cm-s-dracula .CodeMirror-line::-moz-selection, .cm-s-dracula .CodeMirror-line > span::-moz-selection, .cm-s-dracula .CodeMirror-line > span > span::-moz-selection {
32
+ background: rgba(255, 255, 255, 0.10);
33
+ }
34
+ .cm-s-dracula span.cm-comment {
35
+ color: #6272a4;
36
+ }
37
+ .cm-s-dracula span.cm-string, .cm-s-dracula span.cm-string-2 {
38
+ color: #f1fa8c;
39
+ }
40
+ .cm-s-dracula span.cm-number {
41
+ color: #bd93f9;
42
+ }
43
+ .cm-s-dracula span.cm-variable {
44
+ color: #50fa7b;
45
+ }
46
+ .cm-s-dracula span.cm-variable-2 {
47
+ color: white;
48
+ }
49
+ .cm-s-dracula span.cm-def {
50
+ color: #ffb86c;
51
+ }
52
+ .cm-s-dracula span.cm-keyword {
53
+ color: #ff79c6;
54
+ }
55
+ .cm-s-dracula span.cm-operator {
56
+ color: #ff79c6;
57
+ }
58
+ .cm-s-dracula span.cm-keyword {
59
+ color: #ff79c6;
60
+ }
61
+ .cm-s-dracula span.cm-atom {
62
+ color: #bd93f9;
63
+ }
64
+ .cm-s-dracula span.cm-meta {
65
+ color: #f8f8f2;
66
+ }
67
+ .cm-s-dracula span.cm-tag {
68
+ color: #ff79c6;
69
+ }
70
+ .cm-s-dracula span.cm-attribute {
71
+ color: #50fa7b;
72
+ }
73
+ .cm-s-dracula span.cm-qualifier {
74
+ color: #50fa7b;
75
+ }
76
+ .cm-s-dracula span.cm-property {
77
+ color: #66d9ef;
78
+ }
79
+ .cm-s-dracula span.cm-builtin {
80
+ color: #50fa7b;
81
+ }
82
+ .cm-s-dracula span.cm-variable-3 {
83
+ color: #50fa7b;
84
+ }
85
+
86
+ .cm-s-dracula .CodeMirror-activeline-background {background: rgba(255,255,255,0.1) !important;}
87
+ .cm-s-dracula .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
@@ -1,7 +1,7 @@
1
1
  .cm-s-erlang-dark.CodeMirror { background: #002240; color: white; }
2
2
  .cm-s-erlang-dark div.CodeMirror-selected { background: #b36539 !important; }
3
- .cm-s-erlang-dark.CodeMirror ::selection { background: rgba(179, 101, 57, .99); }
4
- .cm-s-erlang-dark.CodeMirror ::-moz-selection { background: rgba(179, 101, 57, .99); }
3
+ .cm-s-erlang-dark .CodeMirror-line::selection, .cm-s-erlang-dark .CodeMirror-line > span::selection, .cm-s-erlang-dark .CodeMirror-line > span > span::selection { background: rgba(179, 101, 57, .99); }
4
+ .cm-s-erlang-dark .CodeMirror-line::-moz-selection, .cm-s-erlang-dark .CodeMirror-line > span::-moz-selection, .cm-s-erlang-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(179, 101, 57, .99); }
5
5
  .cm-s-erlang-dark .CodeMirror-gutters { background: #002240; border-right: 1px solid #aaa; }
6
6
  .cm-s-erlang-dark .CodeMirror-guttermarker { color: white; }
7
7
  .cm-s-erlang-dark .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
@@ -0,0 +1,42 @@
1
+ /*
2
+ ICEcoder default theme by Matt Pass, used in code editor available at https://icecoder.net
3
+ */
4
+
5
+ .cm-s-icecoder {color: #666; background: #141612}
6
+
7
+ .cm-s-icecoder span.cm-keyword {color: #eee; font-weight:bold} /* off-white 1 */
8
+ .cm-s-icecoder span.cm-atom {color: #e1c76e} /* yellow */
9
+ .cm-s-icecoder span.cm-number {color: #6cb5d9} /* blue */
10
+ .cm-s-icecoder span.cm-def {color: #b9ca4a} /* green */
11
+
12
+ .cm-s-icecoder span.cm-variable {color: #6cb5d9} /* blue */
13
+ .cm-s-icecoder span.cm-variable-2 {color: #cc1e5c} /* pink */
14
+ .cm-s-icecoder span.cm-variable-3 {color: #f9602c} /* orange */
15
+
16
+ .cm-s-icecoder span.cm-property {color: #eee} /* off-white 1 */
17
+ .cm-s-icecoder span.cm-operator {color: #9179bb} /* purple */
18
+ .cm-s-icecoder span.cm-comment {color: #97a3aa} /* grey-blue */
19
+
20
+ .cm-s-icecoder span.cm-string {color: #b9ca4a} /* green */
21
+ .cm-s-icecoder span.cm-string-2 {color: #6cb5d9} /* blue */
22
+
23
+ .cm-s-icecoder span.cm-meta {color: #555} /* grey */
24
+
25
+ .cm-s-icecoder span.cm-qualifier {color: #555} /* grey */
26
+ .cm-s-icecoder span.cm-builtin {color: #214e7b} /* bright blue */
27
+ .cm-s-icecoder span.cm-bracket {color: #cc7} /* grey-yellow */
28
+
29
+ .cm-s-icecoder span.cm-tag {color: #e8e8e8} /* off-white 2 */
30
+ .cm-s-icecoder span.cm-attribute {color: #099} /* teal */
31
+
32
+ .cm-s-icecoder span.cm-header {color: #6a0d6a} /* purple-pink */
33
+ .cm-s-icecoder span.cm-quote {color: #186718} /* dark green */
34
+ .cm-s-icecoder span.cm-hr {color: #888} /* mid-grey */
35
+ .cm-s-icecoder span.cm-link {color: #e1c76e} /* yellow */
36
+ .cm-s-icecoder span.cm-error {color: #d00} /* red */
37
+
38
+ .cm-s-icecoder .CodeMirror-cursor {border-left: 1px solid white !important}
39
+ .cm-s-icecoder .CodeMirror-selected {color: #fff !important; background: #037 !important}
40
+ .cm-s-icecoder .CodeMirror-gutters {background: #141612; min-width: 41px; border-right: 0}
41
+ .cm-s-icecoder .CodeMirror-linenumber {color: #555; cursor: default}
42
+ .cm-s-icecoder .CodeMirror-matchingbracket {border: 1px solid grey; color: black !important}
@@ -7,8 +7,8 @@ Ported to CodeMirror by Peter Kroon
7
7
  }
8
8
  .cm-s-lesser-dark.CodeMirror { background: #262626; color: #EBEFE7; text-shadow: 0 -1px 1px #262626; }
9
9
  .cm-s-lesser-dark div.CodeMirror-selected {background: #45443B !important;} /* 33322B*/
10
- .cm-s-lesser-dark.CodeMirror ::selection { background: rgba(69, 68, 59, .99); }
11
- .cm-s-lesser-dark.CodeMirror ::-moz-selection { background: rgba(69, 68, 59, .99); }
10
+ .cm-s-lesser-dark .CodeMirror-line::selection, .cm-s-lesser-dark .CodeMirror-line > span::selection, .cm-s-lesser-dark .CodeMirror-line > span > span::selection { background: rgba(69, 68, 59, .99); }
11
+ .cm-s-lesser-dark .CodeMirror-line::-moz-selection, .cm-s-lesser-dark .CodeMirror-line > span::-moz-selection, .cm-s-lesser-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(69, 68, 59, .99); }
12
12
  .cm-s-lesser-dark .CodeMirror-cursor { border-left: 1px solid white !important; }
13
13
  .cm-s-lesser-dark pre { padding: 0 8px; }/*editable code holder*/
14
14
 
@@ -0,0 +1,105 @@
1
+ /*
2
+
3
+ Name: material
4
+ Author: Michael Kaminsky (http://github.com/mkaminsky11)
5
+
6
+ Original material color scheme by Mattia Astorino (https://github.com/equinusocio/material-theme)
7
+
8
+ */
9
+
10
+ .cm-s-material {
11
+ background-color: #263238;
12
+ color: rgba(233, 237, 237, 1);
13
+ }
14
+ .cm-s-material .CodeMirror-gutters {
15
+ background: #263238;
16
+ color: rgb(83,127,126);
17
+ border: none;
18
+ }
19
+ .cm-s-material .CodeMirror-guttermarker, .cm-s-material .CodeMirror-guttermarker-subtle, .cm-s-material .CodeMirror-linenumber {
20
+ color: rgb(83,127,126);
21
+ }
22
+ .cm-s-material .CodeMirror-cursor {
23
+ border-left: 1px solid #f8f8f0 !important;
24
+ }
25
+ .cm-s-material .CodeMirror-selected {
26
+ background: rgba(255, 255, 255, 0.15);
27
+ }
28
+ .cm-s-material.CodeMirror-focused .CodeMirror-selected {
29
+ background: rgba(255, 255, 255, 0.10);
30
+ }
31
+ .cm-s-material .CodeMirror-line::selection, .cm-s-material .CodeMirror-line > span::selection, .cm-s-material .CodeMirror-line > span > span::selection {
32
+ background: rgba(255, 255, 255, 0.10);
33
+ }
34
+ .cm-s-material .CodeMirror-line::-moz-selection, .cm-s-material .CodeMirror-line > span::-moz-selection, .cm-s-material .CodeMirror-line > span > span::-moz-selection {
35
+ background: rgba(255, 255, 255, 0.10);
36
+ }
37
+
38
+ .CodeMirror-activeline-background {
39
+ background: rgba(0, 0, 0, 0) !important;
40
+ }
41
+ .cm-s-material span.cm-keyword {
42
+ color: rgba(199, 146, 234, 1);
43
+ }
44
+ .cm-s-material span.cm-operator {
45
+ color: rgba(233, 237, 237, 1);
46
+ }
47
+ .cm-s-material span.cm-variable-2 {
48
+ color: #80CBC4;
49
+ }
50
+ .cm-s-material span.cm-variable-3 {
51
+ color: #82B1FF;
52
+ }
53
+ .cm-s-material span.cm-builtin {
54
+ color: #DECB6B;
55
+ }
56
+ .cm-s-material span.cm-atom {
57
+ color: #F77669;
58
+ }
59
+ .cm-s-material span.cm-number {
60
+ color: #F77669;
61
+ }
62
+ .cm-s-material span.cm-def {
63
+ color: rgba(233, 237, 237, 1);
64
+ }
65
+ .cm-s-material span.cm-error {
66
+ color: rgba(255, 255, 255, 1.0);
67
+ background-color: #EC5F67;
68
+ }
69
+ .cm-s-material span.cm-string {
70
+ color: #C3E88D;
71
+ }
72
+ .cm-s-material span.cm-string-2 {
73
+ color: #80CBC4;
74
+ }
75
+ .cm-s-material span.cm-comment {
76
+ color: #546E7A;
77
+ }
78
+ .cm-s-material span.cm-variable {
79
+ color: #82B1FF;
80
+ }
81
+ .cm-s-material span.cm-tag {
82
+ color: #80CBC4;
83
+ }
84
+ .cm-s-material span.cm-meta{
85
+ color: #80CBC4;
86
+ }
87
+ .cm-s-material span.cm-attribute {
88
+ color: #FFCB6B;
89
+ }
90
+ .cm-s-material span.cm-property {
91
+ color: #80CBAE;
92
+ }
93
+ .cm-s-material span.cm-qualifier {
94
+ color: #DECB6B;
95
+ }
96
+ .cm-s-material span.cm-variable-3{
97
+ color: #DECB6B;
98
+ }
99
+ .cm-s-material span.cm-tag {
100
+ color: rgba(255, 83, 112, 1);
101
+ }
102
+ .cm-s-material .CodeMirror-matchingbracket {
103
+ text-decoration: underline;
104
+ color: white !important;
105
+ }
@@ -6,8 +6,8 @@
6
6
 
7
7
  .cm-s-mbo.CodeMirror {background: #2c2c2c; color: #ffffec;}
8
8
  .cm-s-mbo div.CodeMirror-selected {background: #716C62 !important;}
9
- .cm-s-mbo.CodeMirror ::selection { background: rgba(113, 108, 98, .99); }
10
- .cm-s-mbo.CodeMirror ::-moz-selection { background: rgba(113, 108, 98, .99); }
9
+ .cm-s-mbo .CodeMirror-line::selection, .cm-s-mbo .CodeMirror-line > span::selection, .cm-s-mbo .CodeMirror-line > span > span::selection { background: rgba(113, 108, 98, .99); }
10
+ .cm-s-mbo .CodeMirror-line::-moz-selection, .cm-s-mbo .CodeMirror-line > span::-moz-selection, .cm-s-mbo .CodeMirror-line > span > span::-moz-selection { background: rgba(113, 108, 98, .99); }
11
11
  .cm-s-mbo .CodeMirror-gutters {background: #4e4e4e; border-right: 0px;}
12
12
  .cm-s-mbo .CodeMirror-guttermarker { color: white; }
13
13
  .cm-s-mbo .CodeMirror-guttermarker-subtle { color: grey; }
@@ -9,8 +9,8 @@
9
9
  */
10
10
  .cm-s-mdn-like.CodeMirror { color: #999; background-color: #fff; }
11
11
  .cm-s-mdn-like .CodeMirror-selected { background: #cfc !important; }
12
- .cm-s-mdn-like.CodeMirror ::selection { background: #cfc; }
13
- .cm-s-mdn-like.CodeMirror ::-moz-selection { background: #cfc; }
12
+ .cm-s-mdn-like .CodeMirror-line::selection, .cm-s-mdn-like .CodeMirror-line > span::selection, .cm-s-mdn-like .CodeMirror-line > span > span::selection { background: #cfc; }
13
+ .cm-s-mdn-like .CodeMirror-line::-moz-selection, .cm-s-mdn-like .CodeMirror-line > span::-moz-selection, .cm-s-mdn-like .CodeMirror-line > span > span::-moz-selection { background: #cfc; }
14
14
 
15
15
  .cm-s-mdn-like .CodeMirror-gutters { background: #f8f8f8; border-left: 6px solid rgba(0,83,159,0.65); color: #333; }
16
16
  .cm-s-mdn-like .CodeMirror-linenumber { color: #aaa; padding-left: 8px; }
@@ -15,8 +15,8 @@
15
15
  .cm-s-midnight.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}
16
16
 
17
17
  .cm-s-midnight div.CodeMirror-selected {background: #314D67 !important;}
18
- .cm-s-midnight.CodeMirror ::selection { background: rgba(49, 77, 103, .99); }
19
- .cm-s-midnight.CodeMirror ::-moz-selection { background: rgba(49, 77, 103, .99); }
18
+ .cm-s-midnight .CodeMirror-line::selection, .cm-s-midnight .CodeMirror-line > span::selection, .cm-s-midnight .CodeMirror-line > span > span::selection { background: rgba(49, 77, 103, .99); }
19
+ .cm-s-midnight .CodeMirror-line::-moz-selection, .cm-s-midnight .CodeMirror-line > span::-moz-selection, .cm-s-midnight .CodeMirror-line > span > span::-moz-selection { background: rgba(49, 77, 103, .99); }
20
20
  .cm-s-midnight .CodeMirror-gutters {background: #0F192A; border-right: 1px solid;}
21
21
  .cm-s-midnight .CodeMirror-guttermarker { color: white; }
22
22
  .cm-s-midnight .CodeMirror-guttermarker-subtle { color: #d0d0d0; }