set select color based on caret color (#1532)

vercel · Feb 16, 2017 · 600f815 · 600f815
1 parent 7ae7a52
commit 600f815
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/lib/components/term.js b/lib/components/term.js
@@ -246,6 +246,11 @@ export default class Term extends Component {
         background: ${this.props.borderColor};
       }
     `;
+    const selectCss = `
+      ::selection {
+        background: ${Color(this.props.cursorColor).alpha(0.4).rgbString()};
+      }
+    `;
     return URL.createObjectURL(new Blob([`
       .cursor-node[focus="false"] {
          border-width: 1px !important;
@@ -255,6 +260,7 @@ export default class Term extends Component {
       }
       ${hyperCaret}
       ${scrollBarCss}
+      ${selectCss}
       ${css}
     `], {type: 'text/css'}));
   }