Add css var for idle visualizer bar color (#985)

livekit · Sep 26, 2024 · 6609b09 · 6609b09
1 parent 2d3736a
commit 6609b09
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/sixty-tips-shout.md b/.changeset/sixty-tips-shout.md
@@ -0,0 +1,5 @@
+---
+"@livekit/components-styles": patch
+---
+
+Add css var for idle visualizer bar color
diff --git a/packages/styles/scss/components/participant/_audio-visualizer.scss b/packages/styles/scss/components/participant/_audio-visualizer.scss
@@ -43,7 +43,7 @@ deprecated
     height: 100%;
     width: var(--va-bar-width, 12px);
     border-radius: var(--va-bar-border-radius, 32px);
-    background-color: rgba(255, 255, 255, 0.05);
+    background-color: var(--va-bar-bg, rgba(255, 255, 255, 0.05));
     transition: background-color 0.25s ease-out;
     // transition: all 0.0s ease-out   // commented out as the transition duration is 0
   }