diff --git a/frontend/src/css/file-view.css b/frontend/src/css/file-view.css
index ac5e35e7eb..c4af35cc9d 100644
--- a/frontend/src/css/file-view.css
+++ b/frontend/src/css/file-view.css
@@ -23,6 +23,10 @@ body {
   align-items: center;
 }
 
+.file-view-header .file-toolbar-btn .seafile-multicolor-icon {
+  fill: #666;
+}
+
 .file-view-header .file-toolbar-btn:hover {
   background-color: #EFEFEF;
   border-radius: 3px;
diff --git a/frontend/src/pages/markdown-editor/css/header-toolbar.css b/frontend/src/pages/markdown-editor/css/header-toolbar.css
index 857411d1a5..e2cfc41c80 100644
--- a/frontend/src/pages/markdown-editor/css/header-toolbar.css
+++ b/frontend/src/pages/markdown-editor/css/header-toolbar.css
@@ -23,7 +23,7 @@
 }
 
 .sf-md-viewer-topbar .btn {
-  color: #212529;
+  color: #666;
   border: none !important;
   font-size: .9375rem;
   height: 28px;