chore: un-hard-code colors in message item

Author: Aeledfyr

src/components/message-pane/message-item/MessageItem.tsx

@@ -190,12 +190,11 @@ function FloatOptions(props: FloatingOptionsProps) {
         </div>
       </Show>
       <Show when={showDelete()}>
-        <div class={styles.item} onClick={onDeleteClick}>
+        <div class={cn(styles.item, styles.delete)} onClick={onDeleteClick}>
           <Icon
             size={18}
             name="delete"
             class={styles.icon}
-            color="var(--alert-color)"
           />
         </div>
       </Show>

src/components/message-pane/message-item/RawYoutubeEmbed.tsx

@@ -31,7 +31,7 @@ export const RawYoutubeEmbed = (props: {
             class={styles.playButtonContainer}
           >
             <div class={styles.playButton}>
-              <Icon name="play_arrow" color="var(--primary-color)" size={28} />
+              <Icon name="play_arrow" size={28} />
             </div>
           </div>
         </Show>