diff --git a/cmd/client/web/index.html b/cmd/client/web/index.html
index c25e806..930e7bc 100644
--- a/cmd/client/web/index.html
+++ b/cmd/client/web/index.html
@@ -414,9 +414,9 @@ function showSprueche() {
         const txt = q.text.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
         const ctx = q.ctx ? q.ctx.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;') : '';
         const auth = q.author.replace(/&/g,'&amp;');
-        return '<div style="background:rgba(255,255,255,0.05);border-left:3px solid #fc0;margin:8px 0;padding:12px 15px;border-radius:3px;">'
+        return '<div style="background:rgba(0,0,0,0.45);border-left:3px solid #fc0;margin:8px 0;padding:12px 15px;border-radius:3px;">'
             + '<p style="margin:0 0 6px;font-family:sans-serif;font-size:14px;color:#eee;line-height:1.5;">' + txt + '</p>'
-            + (ctx ? '<p style="margin:0 0 4px;font-size:11px;color:#888;font-style:italic;">' + ctx + '</p>' : '')
+            + (ctx ? '<p style="margin:0 0 4px;font-size:11px;color:#aaa;font-style:italic;">' + ctx + '</p>' : '')
             + '<p style="margin:0;font-size:12px;color:#fc0;">— ' + auth + '</p>'
             + '</div>';
     }).join('');