Themes not working

I followed the demos, and themes were working correctly. Now I updated CodeMirror to the newest vesion, and themes are not working ! I am not sure if the problem was due to the update or if there’s something wrong with my code. I am using ASP.NET MVC 5 , here is my code:

<script src="/Scripts/codeMirror-2.37/lib/codemirror.js"></script>
<script src="/Scripts/codeMirror-2.37/mode/clike/clike.js" type="text/javascript"></script>
<link href="/Scripts/codeMirror-2.37/lib/codemirror.css" rel="stylesheet" type="text/css" />
<link href="~/Scripts/codeMirror-2.37/theme/lesser-dark.css" rel="stylesheet" type="text/css" />

<div class="CodeMirror cm-s-lesser-dark cm-error cm-bracket" style="position:absolute;top:150px;left:400px;width:700px;">
 @using (Html.BeginForm())
    {
        @Html.TextArea("code","public class Alaa",new { id = "code" })
    }

</div>

<script>

    var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
        lineNumbers: true,
        matchBrackets: true,
        mode: "text/x-java",
        lineWrapping: true,

    });


</script>

And this is the result I’ve got

What am I doing wrong؟

You don’t seem to be setting the theme option.

Now themes work, but looks like it creates another textarea rather than rendering the required one. Can you help with that?