Draw selection underneath foreground

src/renderer/Color.ts

@@ -1,7 +1,7 @@
 // TODO: Ideally colors would be exposed through some theme manager since colors
 // are moving to JS.
 
-export const TANGO_COLORS = [
+const TANGO_COLORS = [
   // dark:
   '#2e3436',
   '#cc0000',

src/renderer/SelectionRenderLayer.ts

@@ -1,7 +1,6 @@
 import { ISelectionRenderLayer } from './Interfaces';
 import { IBuffer, ICharMeasure, ITerminal } from '../Interfaces';
 import { CHAR_DATA_ATTR_INDEX } from '../Buffer';
-import { TANGO_COLORS } from './Color';
 import { GridCache } from './GridCache';
 import { FLAGS } from './Types';
 

src/xterm.css

@@ -165,8 +165,8 @@
 }
 
 .terminal .xterm-bg-layer { z-index: 0; }
-.terminal .xterm-fg-layer { z-index: 1; }
-.terminal .xterm-selection-layer { z-index: 2; }
+.terminal .xterm-selection-layer { z-index: 1; }
+.terminal .xterm-fg-layer { z-index: 2; }
 
 .terminal .xterm-rows {
     position: absolute;