diff --git a/public/css/gogs.css b/public/css/gogs.css
index f512a563a2..ae58c7c54e 100644
--- a/public/css/gogs.css
+++ b/public/css/gogs.css
@@ -1248,10 +1248,15 @@ footer .ui.language .menu {
 .repository.file.list #repo-files-table tbody .octicon {
   margin-left: 3px;
   margin-right: 5px;
+  color: #777;
 }
 .repository.file.list #repo-files-table tbody .octicon.octicon-mail-reply {
   margin-right: 10px;
 }
+.repository.file.list #repo-files-table tbody .octicon.octicon-file-directory,
+.repository.file.list #repo-files-table tbody .octicon.octicon-file-submodule {
+  color: #1e70bf;
+}
 .repository.file.list #repo-files-table td {
   padding-top: 8px;
   padding-bottom: 8px;
diff --git a/public/less/_repository.less b/public/less/_repository.less
index 52d8399b57..474b8ade6d 100644
--- a/public/less/_repository.less
+++ b/public/less/_repository.less
@@ -59,7 +59,7 @@
 			}
 			.item {
 				padding: 0px;
-			}			
+			}
 			.label.color {
 				padding: 0 8px;
 				margin-right: 5px;
@@ -180,9 +180,13 @@
 				.octicon {
 					margin-left: 3px;
 					margin-right: 5px;
+					color: #777;
 					&.octicon-mail-reply {
 						margin-right: 10px;
 					}
+					&.octicon-file-directory, &.octicon-file-submodule {
+						color: #1e70bf;
+					}
 				}
 			}
 			td {