diff --git a/website/src/js/channel-preview.jsc b/website/src/js/channel-preview.jsc
index d10fed9c8a..ffc2bc2f3d 100644
--- a/website/src/js/channel-preview.jsc
+++ b/website/src/js/channel-preview.jsc
@@ -402,6 +402,15 @@ const STYLE = `
 .simplex-preview-text .small-text {
   font-size: 13px;
 }
+
+.simplex-preview-text .red { color: #DD0000; }
+.simplex-preview-text .green { color: #20BD3D; }
+.simplex-preview-text .blue { color: #0053d0; }
+.simplex-preview-text .yellow { color: #DEBD00; }
+.simplex-preview-text .cyan { color: #0AC4D1; }
+.simplex-preview-text .magenta { color: magenta; }
+.simplex-preview-text .black { color: #000; }
+.simplex-preview-text .white { color: #000; }
 `;
 
 const DEFAULT_AVATAR = 'data:image/svg+xml,' + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.8 25.46"><circle cx="12.9" cy="12.73" r="12.72" fill="#eee"/><path d="M25.44 12.73c0 7.01-5.71 12.73-12.73 12.73C5.71 25.46 0 19.75 0 12.73 0 5.73 5.71.02 12.71.02c7.01 0 12.73 5.71 12.73 12.72zM4.22 17.11c0 .58.31.87 1.05.87h4.88c-.14-.26-.19-.55-.19-.82 0-1.03.59-2.19 1.63-3.1-.79-.5-1.75-.79-2.74-.79-2.37 0-4.63 1.68-4.63 3.84zm6.6.05c0 .56.36.82 1.27.82h8.1c.93 0 1.26-.26 1.26-.82 0-1.62-2.02-3.87-5.28-3.87-3.29 0-5.34 2.25-5.34 3.87zM6.66 9.87c0 1.37 1.01 2.42 2.19 2.42 1.2 0 2.2-1.05 2.2-2.43 0-1.33-1.02-2.36-2.2-2.36-1.16 0-2.19 1.05-2.19 2.37zm6.98-.5c0 1.56 1.13 2.78 2.52 2.78 1.36 0 2.5-1.22 2.5-2.79 0-1.53-1.15-2.71-2.5-2.71-1.38 0-2.52 1.21-2.52 2.73z" fill="#ccc" fill-opacity=".85"/></svg>');