diff --git a/web/chat/chat-input-bar.css b/web/chat/chat-input-bar.css
--- a/web/chat/chat-input-bar.css
+++ b/web/chat/chat-input-bar.css
@@ -82,12 +82,8 @@
   margin: 0;
   padding: 0;
 }
-
-a.multimediaUpload > svg {
-  color: var(--color-disabled);
-}
 a.multimediaUpload:hover > svg {
-  color: var(--fg);
+  opacity: 0.8;
 }
 
 div.previews {
@@ -107,7 +103,3 @@
   padding: 8px 0 0 10px;
   cursor: pointer;
 }
-
-a.sendButton svg {
-  color: var(--fg);
-}
diff --git a/web/chat/chat-input-bar.react.js b/web/chat/chat-input-bar.react.js
--- a/web/chat/chat-input-bar.react.js
+++ b/web/chat/chat-input-bar.react.js
@@ -226,7 +226,11 @@
     if (this.props.inputState.draft.length) {
       sendButton = (
         <a onClick={this.onSend} className={css.sendButton}>
-          <SWMansionIcon icon="send" size={22} color="#8a8a8a" />
+          <SWMansionIcon
+            icon="send"
+            size={22}
+            style={{ color: `#${this.props.threadInfo.color}` }}
+          />
         </a>
       );
     }
@@ -245,7 +249,12 @@
               accept={allowedMimeTypeString}
               multiple
             />
-            <SWMansionIcon icon="image" size={22} disableFill />
+            <SWMansionIcon
+              icon="image"
+              size={22}
+              style={{ color: `#${this.props.threadInfo.color}` }}
+              disableFill
+            />
           </a>
           <div className={css.inputBarTextInput}>
             <textarea