diff --git a/public/images/files/css.png b/public/images/files/css.png
new file mode 100644
index 000000000..06a17cd8c
Binary files /dev/null and b/public/images/files/css.png differ
diff --git a/public/images/files/html.png b/public/images/files/html.png
new file mode 100644
index 000000000..6ed2490ed
Binary files /dev/null and b/public/images/files/html.png differ
diff --git a/public/images/files/java.png b/public/images/files/java.png
new file mode 100644
index 000000000..0a7d6f4a6
Binary files /dev/null and b/public/images/files/java.png differ
diff --git a/public/images/files/js.png b/public/images/files/js.png
new file mode 100644
index 000000000..0125edfa9
Binary files /dev/null and b/public/images/files/js.png differ
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 0700dc55a..61c522a5a 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -940,9 +940,13 @@ padding-bottom: 3px;
 .icon-file.text-plain { background-image: url(../images/files/text.png); }
 .icon-file.text-x-c { background-image: url(../images/files/c.png); }
 .icon-file.text-x-csharp { background-image: url(../images/files/csharp.png); }
+.icon-file.text-x-java { background-image: url(../images/files/java.png); }
+.icon-file.text-x-javascript { background-image: url(../images/files/js.png); }
 .icon-file.text-x-php { background-image: url(../images/files/php.png); }
 .icon-file.text-x-ruby { background-image: url(../images/files/ruby.png); }
 .icon-file.text-xml { background-image: url(../images/files/xml.png); }
+.icon-file.text-css { background-image: url(../images/files/css.png); }
+.icon-file.text-html { background-image: url(../images/files/html.png); }
 .icon-file.image-gif { background-image: url(../images/files/image.png); }
 .icon-file.image-jpeg { background-image: url(../images/files/image.png); }
 .icon-file.image-png { background-image: url(../images/files/image.png); }