[bespin, hopskotch, isotop, railscasts themes] Integrate

Issue #3586

demo/theme.html

@@ -10,6 +10,7 @@
 <link rel="stylesheet" href="../theme/abcdef.css">
 <link rel="stylesheet" href="../theme/ambiance.css">
 <link rel="stylesheet" href="../theme/base16-dark.css">
+<link rel="stylesheet" href="../theme/bespin.css">
 <link rel="stylesheet" href="../theme/base16-light.css">
 <link rel="stylesheet" href="../theme/blackboard.css">
 <link rel="stylesheet" href="../theme/cobalt.css">
@@ -18,7 +19,9 @@
 <link rel="stylesheet" href="../theme/eclipse.css">
 <link rel="stylesheet" href="../theme/elegant.css">
 <link rel="stylesheet" href="../theme/erlang-dark.css">
+<link rel="stylesheet" href="../theme/hopscotch.css">
 <link rel="stylesheet" href="../theme/icecoder.css">
+<link rel="stylesheet" href="../theme/isotope.css">
 <link rel="stylesheet" href="../theme/lesser-dark.css">
 <link rel="stylesheet" href="../theme/liquibyte.css">
 <link rel="stylesheet" href="../theme/material.css">
@@ -32,6 +35,7 @@
 <link rel="stylesheet" href="../theme/paraiso-dark.css">
 <link rel="stylesheet" href="../theme/paraiso-light.css">
 <link rel="stylesheet" href="../theme/pastel-on-dark.css">
+<link rel="stylesheet" href="../theme/railscasts.css">
 <link rel="stylesheet" href="../theme/rubyblue.css">
 <link rel="stylesheet" href="../theme/seti.css">
 <link rel="stylesheet" href="../theme/solarized.css">
@@ -89,6 +93,7 @@ function findSequence(goal) {
     <option>ambiance</option>
     <option>base16-dark</option>
     <option>base16-light</option>
+    <option>bespin</option>
     <option>blackboard</option>
     <option>cobalt</option>
     <option>colorforth</option>
@@ -96,7 +101,9 @@ function findSequence(goal) {
     <option>eclipse</option>
     <option>elegant</option>
     <option>erlang-dark</option>
+    <option>hopscotch</option>
     <option>icecoder</option>
+    <option>isotope</option>
     <option>lesser-dark</option>
     <option>liquibyte</option>
     <option>material</option>
@@ -110,6 +117,7 @@ function findSequence(goal) {
     <option>paraiso-dark</option>
     <option>paraiso-light</option>
     <option>pastel-on-dark</option>
+    <option>railscasts</option>
     <option>rubyblue</option>
     <option>seti</option>
     <option>solarized dark</option>

theme/bespin.css

@@ -31,3 +31,4 @@
 .cm-s-bespin span.cm-link {color: #9b859d;}
 
 .cm-s-bespin .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
+.cm-s-bespin .CodeMirror-activeline-background { background: #404040; }

theme/hopscotch.css

@@ -31,3 +31,4 @@
 .cm-s-hopscotch span.cm-link {color: #c85e7c;}
 
 .cm-s-hopscotch .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
+.cm-s-hopscotch .CodeMirror-activeline-background { background: #302020; }

theme/isotope.css

@@ -31,3 +31,4 @@
 .cm-s-isotope span.cm-link {color: #cc00ff;}
 
 .cm-s-isotope .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
+.cm-s-isotope .CodeMirror-activeline-background { background: #202020; }

theme/railscasts.css

@@ -31,3 +31,4 @@
 .cm-s-railscasts span.cm-link {color: #b6b3eb;}
 
 .cm-s-railscasts .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
+.cm-s-railscasts .CodeMirror-activeline-background { background: #303040; }