[show-hints] support themes

Author: AlexanderPrendota

addon/hint/show-hint.js

@@ -200,7 +200,8 @@
     var widget = this, cm = completion.cm;
 
     var hints = this.hints = document.createElement("ul");
-    hints.className = "CodeMirror-hints";
+    var theme = completion.cm.options.theme;
+    hints.className = "CodeMirror-hints " + theme;
     this.selectedHint = data.selectedHint || 0;
 
     var completions = data.list;

theme/darcula.css

@@ -34,13 +34,13 @@
 .cm-s-darcula  { font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;}
 .cm-s-darcula .CodeMirror-matchingbracket { outline:1px solid #A9B7C6; color: yellow !important; }
 
-.CodeMirror-hints {
+.CodeMirror-hints.darcula {
   font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
   color: #9c9e9e;
   background-color: #3b3e3f !important;
 }
 
-.CodeMirror-hint-active {
+.CodeMirror-hints.darcula .CodeMirror-hint-active {
   background-color: #494d4e !important;
   color: #9c9e9e !important;
 }

theme/idea.css

@@ -30,13 +30,13 @@
 
 .cm-s-idea .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; }
 
-.CodeMirror-hints {
+.CodeMirror-hints.idea {
   font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
   color: #616569;
   background-color: #ebf3fd !important;
 }
 
-.CodeMirror-hint-active {
+.CodeMirror-hints.idea .CodeMirror-hint-active {
   background-color: #a2b8c9 !important;
   color: #5c6065 !important;
 }