diff --git a/kallithea/public/css/contextbar.css b/kallithea/public/css/contextbar.css
--- a/kallithea/public/css/contextbar.css
+++ b/kallithea/public/css/contextbar.css
@@ -24,6 +24,28 @@ i[class^='icon-'] {
 
 }
 
+/* css classes for diff file status ... it'd be nice if css had a way to
+   inherit from another class but alas, we must make sure this content is the
+   same from the icon font file */
+
+.icon-diff-M:before {
+    font-family: 'kallithea';
+    content: '\e805';
+    color: #d0b44c;
+}
+
+.icon-diff-D:before {
+    font-family: 'kallithea';
+    content: '\e807';
+    color: #bd2c00;
+}
+
+.icon-diff-A:before {
+    font-family: 'kallithea';
+    content: '\e806';
+    color: #6cc644;
+}
+
 #content #context-bar {
     position: relative;
     overflow: visible;
diff --git a/kallithea/public/css/style.css b/kallithea/public/css/style.css
--- a/kallithea/public/css/style.css
+++ b/kallithea/public/css/style.css
@@ -2451,30 +2451,21 @@ BIN_FILENODE = 6
 
 .cs_files .cs_added,
 .cs_files .cs_A {
-    background: url("../images/icons/page_white_add.png") no-repeat scroll
-        3px;
     height: 16px;
-    padding-left: 20px;
     margin-top: 7px;
     text-align: left;
 }
 
 .cs_files .cs_changed,
 .cs_files .cs_M {
-    background: url("../images/icons/page_white_edit.png") no-repeat scroll
-        3px;
     height: 16px;
-    padding-left: 20px;
     margin-top: 7px;
     text-align: left;
 }
 
 .cs_files .cs_removed,
 .cs_files .cs_D {
-    background: url("../images/icons/page_white_delete.png") no-repeat
-        scroll 3px;
     height: 16px;
-    padding-left: 20px;
     margin-top: 7px;
     text-align: left;
 }
diff --git a/kallithea/public/images/icons/page_white_add.png b/kallithea/public/images/icons/page_white_add.png
deleted file mode 100644
index aa23dde3746373b393489bd56b486d59b0c0d124..0000000000000000000000000000000000000000
GIT binary patch
literal 0
Hc$@<O00001

diff --git a/kallithea/public/images/icons/page_white_delete.png b/kallithea/public/images/icons/page_white_delete.png
deleted file mode 100644
index af1ecaf2981fa37628c8b8b15ee389f9575e5f6b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
Hc$@<O00001

diff --git a/kallithea/public/images/icons/page_white_edit.png b/kallithea/public/images/icons/page_white_edit.png
deleted file mode 100644
index b93e77600def75c9a144d3d0a5088a62c02cbb0b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
Hc$@<O00001

diff --git a/kallithea/templates/changeset/changeset.html b/kallithea/templates/changeset/changeset.html
--- a/kallithea/templates/changeset/changeset.html
+++ b/kallithea/templates/changeset/changeset.html
@@ -142,6 +142,7 @@ ${self.repo_context_bar('changelog', c.c
               %for FID, (cs1, cs2, change, path, diff, stats) in c.changes[c.changeset.raw_id].iteritems():
                   <div class="cs_${change}">
                         <div class="node">
+                            <i class="icon-diff-${change}"></i>
                             <a href="#${FID}">${h.safe_unicode(path)}</a>
                         </div>
                     <div class="changes">${h.fancy_file_stats(stats)}</div>
diff --git a/kallithea/templates/changeset/changeset_range.html b/kallithea/templates/changeset/changeset_range.html
--- a/kallithea/templates/changeset/changeset_range.html
+++ b/kallithea/templates/changeset/changeset_range.html
@@ -63,6 +63,7 @@ ${self.repo_context_bar('changelog')}
                     %for FID, (cs1, cs2, change, path, diff, stats) in c.changes[cs.raw_id].iteritems():
                         <div class="cs_${change}">
                             <div class="node">
+                                <i class="icon-diff-${change}"></i>
                                 ${h.link_to(h.safe_unicode(path),h.url.current(anchor=FID))}
                             </div>
                             <div class="changes">${h.fancy_file_stats(stats)}</div>
diff --git a/kallithea/templates/compare/compare_diff.html b/kallithea/templates/compare/compare_diff.html
--- a/kallithea/templates/compare/compare_diff.html
+++ b/kallithea/templates/compare/compare_diff.html
@@ -68,10 +68,13 @@ ${self.repo_context_bar('changelog')}
                      <span class="empty_data">${_('No files')}</span>
                   %endif
                   %for fid, change, f, stat in c.files:
-                      <div class="cs_${change}">
-                        <div class="node">${h.link_to(h.safe_unicode(f), '#' + fid)}</div>
-                        <div class="changes">${h.fancy_file_stats(stat)}</div>
-                      </div>
+                     <div class="cs_${change}">
+                         <div class="node">
+                             <i class="icon-diff-${change}"></i>
+                             ${h.link_to(h.safe_unicode(f), '#' + fid)}
+                         </div>
+                         <div class="changes">${h.fancy_file_stats(stat)}</div>
+                     </div>
                   %endfor
                 </div>
                 % if c.limited_diff:
diff --git a/kallithea/templates/pullrequests/pullrequest_show.html b/kallithea/templates/pullrequests/pullrequest_show.html
--- a/kallithea/templates/pullrequests/pullrequest_show.html
+++ b/kallithea/templates/pullrequests/pullrequest_show.html
@@ -280,7 +280,10 @@ ${self.repo_context_bar('showpullrequest
                 %endif
                 %for fid, change, f, stat in c.files:
                     <div class="cs_${change}">
-                      <div class="node">${h.link_to(h.safe_unicode(f),'#' + fid)}</div>
+                      <div class="node">
+                          <i class="icon-diff-${change}"></i>
+                          ${h.link_to(h.safe_unicode(f),'#' + fid)}
+                      </div>
                       <div class="changes">${h.fancy_file_stats(stat)}</div>
                     </div>
                 %endfor
diff --git a/kallithea/tests/functional/test_compare_local.py b/kallithea/tests/functional/test_compare_local.py
--- a/kallithea/tests/functional/test_compare_local.py
+++ b/kallithea/tests/functional/test_compare_local.py
@@ -29,17 +29,39 @@ class TestCompareController(TestControll
         response.mustcontain('11 files changed with 94 insertions and 64 deletions')
 
         ## files diff
-        response.mustcontain('''<div class="node"><a href="#C--1c5cf9e91c12">docs/api/utils/index.rst</a></div>''')
-        response.mustcontain('''<div class="node"><a href="#C--e3305437df55">test_and_report.sh</a></div>''')
-        response.mustcontain('''<div class="node"><a href="#C--c8e92ef85cd1">.hgignore</a></div>''')
-        response.mustcontain('''<div class="node"><a href="#C--6e08b694d687">.hgtags</a></div>''')
-        response.mustcontain('''<div class="node"><a href="#C--2c14b00f3393">docs/api/index.rst</a></div>''')
-        response.mustcontain('''<div class="node"><a href="#C--430ccbc82bdf">vcs/__init__.py</a></div>''')
-        response.mustcontain('''<div class="node"><a href="#C--9c390eb52cd6">vcs/backends/hg.py</a></div>''')
-        response.mustcontain('''<div class="node"><a href="#C--ebb592c595c0">vcs/utils/__init__.py</a></div>''')
-        response.mustcontain('''<div class="node"><a href="#C--7abc741b5052">vcs/utils/annotate.py</a></div>''')
-        response.mustcontain('''<div class="node"><a href="#C--2ef0ef106c56">vcs/utils/diffs.py</a></div>''')
-        response.mustcontain('''<div class="node"><a href="#C--3150cb87d4b7">vcs/utils/lazy.py</a></div>''')
+        response.mustcontain('''<div class="node">
+                             <i class="icon-diff-A"></i>
+                             <a href="#C--1c5cf9e91c12">docs/api/utils/index.rst</a>''')
+        response.mustcontain('''<div class="node">
+                             <i class="icon-diff-A"></i>
+                             <a href="#C--e3305437df55">test_and_report.sh</a>''')
+        response.mustcontain('''<div class="node">
+                             <i class="icon-diff-M"></i>
+                             <a href="#C--c8e92ef85cd1">.hgignore</a>''')
+        response.mustcontain('''<div class="node">
+                             <i class="icon-diff-M"></i>
+                             <a href="#C--6e08b694d687">.hgtags</a>''')
+        response.mustcontain('''<div class="node">
+                             <i class="icon-diff-M"></i>
+                             <a href="#C--2c14b00f3393">docs/api/index.rst</a>''')
+        response.mustcontain('''<div class="node">
+                             <i class="icon-diff-M"></i>
+                             <a href="#C--430ccbc82bdf">vcs/__init__.py</a>''')
+        response.mustcontain('''<div class="node">
+                             <i class="icon-diff-M"></i>
+                             <a href="#C--9c390eb52cd6">vcs/backends/hg.py</a>''')
+        response.mustcontain('''<div class="node">
+                             <i class="icon-diff-M"></i>
+                             <a href="#C--ebb592c595c0">vcs/utils/__init__.py</a>''')
+        response.mustcontain('''<div class="node">
+                             <i class="icon-diff-M"></i>
+                             <a href="#C--7abc741b5052">vcs/utils/annotate.py</a>''')
+        response.mustcontain('''<div class="node">
+                             <i class="icon-diff-M"></i>
+                             <a href="#C--2ef0ef106c56">vcs/utils/diffs.py</a>''')
+        response.mustcontain('''<div class="node">
+                             <i class="icon-diff-M"></i>
+                             <a href="#C--3150cb87d4b7">vcs/utils/lazy.py</a>''')
 
     def test_compare_tag_git(self):
         self.log_user()