From 99611fad34da093b3128a787e4cee20b20ef3cf9 Mon Sep 17 00:00:00 2001
From: Nathan Sobo <nathan@github.com>
Date: Wed, 11 Jun 2014 08:51:19 -0600
Subject: [PATCH] Give React editor lines and line numbers an opaque background

This ensures subpixel antialiasing works correctly. It was previously
present on both of these components but got dropped accidentally.
---
 src/gutter-component.coffee | 2 +-
 src/lines-component.coffee  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/gutter-component.coffee b/src/gutter-component.coffee
index 87f96dd76..a4c249b58 100644
--- a/src/gutter-component.coffee
+++ b/src/gutter-component.coffee
@@ -17,7 +17,7 @@ GutterComponent = React.createClass
     {scrollHeight, scrollTop} = @props
 
     div className: 'gutter', onClick: @onClick,
-      div className: 'line-numbers', ref: 'lineNumbers', style:
+      div className: 'line-numbers editor-colors', ref: 'lineNumbers', style:
         height: scrollHeight
         WebkitTransform: "translate3d(0px, #{-scrollTop}px, 0px)"
 
diff --git a/src/lines-component.coffee b/src/lines-component.coffee
index 7abf75ddc..bbe2be24e 100644
--- a/src/lines-component.coffee
+++ b/src/lines-component.coffee
@@ -21,7 +21,7 @@ LinesComponent = React.createClass
         width: scrollWidth
         WebkitTransform: "translate3d(#{-scrollLeft}px, #{-scrollTop}px, 0px)"
 
-    div {className: 'lines', style},
+    div {className: 'lines editor-colors', style},
       SelectionsComponent({editor, selectionScreenRanges, lineHeightInPixels, defaultCharWidth}) if @isMounted()
 
   componentWillMount: ->