Merge pull request #466 from kgryte/commit-stats-icons

Color insertion and deletion icons

Author: telamonian

src/components/SinglePastCommitInfo.tsx

@@ -19,6 +19,8 @@ import {
   fileList,
   floatRightStyle,
   iconStyle,
+  insertionsIconStyle,
+  deletionsIconStyle,
   revertButtonStyle
 } from '../style/SinglePastCommitInfoStyle';
 import { Git } from '../tokens';
@@ -140,7 +142,7 @@ export class SinglePastCommitInfo extends React.Component<
             <span>
               <DefaultIconReact
                 name="git-insertionsMade"
-                className={iconStyle}
+                className={classes(iconStyle, insertionsIconStyle)}
                 tag="span"
                 title="# Insertions"
               />
@@ -149,7 +151,7 @@ export class SinglePastCommitInfo extends React.Component<
             <span>
               <DefaultIconReact
                 name="git-deletionsMade"
-                className={iconStyle}
+                className={classes(iconStyle, deletionsIconStyle)}
                 tag="span"
                 title="# Deletions"
               />

src/style/SinglePastCommitInfoStyle.ts

@@ -72,6 +72,22 @@ export const iconStyle = style({
   right: '10px'
 });
 
+export const insertionsIconStyle = style({
+  $nest: {
+    '.jp-icon3': {
+      fill: '#00dc00'
+    }
+  }
+});
+
+export const deletionsIconStyle = style({
+  $nest: {
+    '.jp-icon3': {
+      fill: '#ff0000'
+    }
+  }
+});
+
 export const diffIconStyle = style({
   backgroundColor: 'transparent',
   backgroundPosition: 'center',