Adjust default BarVisualizer color (#1005)

livekit · Oct 7, 2024 · d2401eb · d2401eb
1 parent d80598e
commit d2401eb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/.changeset/nervous-windows-crash.md b/.changeset/nervous-windows-crash.md
@@ -0,0 +1,5 @@
+---
+'@livekit/components-styles': patch
+---
+
+Adjust default BarVisualizer color
diff --git a/packages/styles/scss/components/participant/_audio-visualizer.scss b/packages/styles/scss/components/participant/_audio-visualizer.scss
@@ -43,16 +43,15 @@ deprecated
     height: 100%;
     width: var(--va-bar-width, 12px);
     border-radius: var(--va-bar-border-radius, 32px);
-    background-color: var(--va-bar-bg, rgba(255, 255, 255, 0.05));
+    background-color: var(--va-bar-bg, rgba(136, 136, 136, 0.2));
     transition: background-color 0.25s ease-out;
     // transition: all 0.0s ease-out   // commented out as the transition duration is 0
   }
 
   &[data-va-state='speaking'] > .audio-bar,
   & > .audio-bar.highlighted,
   & > [data-highlighted='true'] {
-    background-color: var(--fg, #fff);
-    filter: drop-shadow(var(--drop-shadow, rgba(255, 255, 255, 0.2) 0px 0px 24px));
+    background-color: var(--fg, rgba(136, 136, 136, 1));
     transition: none;
   }