diff --git a/res/css/views/rooms/_BasicMessageComposer.scss b/res/css/views/rooms/_BasicMessageComposer.scss
index a4b5bb51d0..bce0ecf325 100644
--- a/res/css/views/rooms/_BasicMessageComposer.scss
+++ b/res/css/views/rooms/_BasicMessageComposer.scss
@@ -28,7 +28,7 @@ limitations under the License.
     }
 
     @keyframes visualbell {
-        from { background-color: #faa; }
+        from { background-color: $visual-bell-bg-color; }
         to { background-color: $primary-bg-color; }
     }
 
diff --git a/res/css/views/rooms/_MessageComposer.scss b/res/css/views/rooms/_MessageComposer.scss
index 6e17251cb0..5b4a9b764b 100644
--- a/res/css/views/rooms/_MessageComposer.scss
+++ b/res/css/views/rooms/_MessageComposer.scss
@@ -129,7 +129,7 @@ limitations under the License.
 }
 
 @keyframes visualbell {
-    from { background-color: #faa; }
+    from { background-color: $visual-bell-bg-color; }
     to { background-color: $primary-bg-color; }
 }
 
diff --git a/res/themes/dark/css/_dark.scss b/res/themes/dark/css/_dark.scss
index 90cd8e8558..f54d25ab29 100644
--- a/res/themes/dark/css/_dark.scss
+++ b/res/themes/dark/css/_dark.scss
@@ -146,6 +146,8 @@ $button-danger-disabled-bg-color: #f5b6bb; // TODO: Verify color
 $button-link-fg-color: $accent-color;
 $button-link-bg-color: transparent;
 
+$visual-bell-bg-color: #800;
+
 $room-warning-bg-color: $header-panel-bg-color;
 
 $dark-panel-bg-color: $header-panel-bg-color;
diff --git a/res/themes/light/css/_light.scss b/res/themes/light/css/_light.scss
index d8d4b0a11b..be46367fbb 100644
--- a/res/themes/light/css/_light.scss
+++ b/res/themes/light/css/_light.scss
@@ -247,6 +247,8 @@ $button-danger-disabled-bg-color: #f5b6bb; // TODO: Verify color
 $button-link-fg-color: $accent-color;
 $button-link-bg-color: transparent;
 
+$visual-bell-bg-color: #faa;
+
 // Toggle switch
 $togglesw-off-color: #c1c9d6;
 $togglesw-on-color: $accent-color;