From f2582f1b9243e391ed6cde3bd1be0509a3a305e9 Mon Sep 17 00:00:00 2001 From: lukasIO Date: Mon, 7 Oct 2024 17:21:30 +0200 Subject: [PATCH 1/2] Adjust default BarVisualizer color --- .changeset/nervous-windows-crash.md | 5 +++++ .../scss/components/participant/_audio-visualizer.scss | 5 ++--- 2 files changed, 7 insertions(+), 3 deletions(-) create mode 100644 .changeset/nervous-windows-crash.md diff --git a/.changeset/nervous-windows-crash.md b/.changeset/nervous-windows-crash.md new file mode 100644 index 000000000..ef41d2b53 --- /dev/null +++ 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 index aaa6537d1..aa3fb9a55 100644 --- 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: var(--va-bar-bg, rgba(255, 255, 255, 0.05)); + background-color: var(--va-bar-bg, rgba(136, 136, 136, 0.4)); transition: background-color 0.25s ease-out; // transition: all 0.0s ease-out // commented out as the transition duration is 0 } @@ -51,8 +51,7 @@ deprecated &[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; } From 7b32d7750d82b825e994a4e84af9c43fa4d236bb Mon Sep 17 00:00:00 2001 From: lukasIO Date: Mon, 7 Oct 2024 17:26:09 +0200 Subject: [PATCH 2/2] fix off state --- .../styles/scss/components/participant/_audio-visualizer.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/styles/scss/components/participant/_audio-visualizer.scss b/packages/styles/scss/components/participant/_audio-visualizer.scss index aa3fb9a55..deb9a58e6 100644 --- 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: var(--va-bar-bg, rgba(136, 136, 136, 0.4)); + 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 }