From c0b86455a3163e09188d4dbeb13bca099f55351d Mon Sep 17 00:00:00 2001 From: NoXystics Date: Sat, 11 Jul 2026 12:58:53 +0700 Subject: [PATCH 1/7] fix: transparency for some backgrounds in "Friends" tab --- src/theme/chat/_container.scss | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/src/theme/chat/_container.scss b/src/theme/chat/_container.scss index 668b845..447f06e 100644 --- a/src/theme/chat/_container.scss +++ b/src/theme/chat/_container.scss @@ -10,4 +10,23 @@ background: var(--bg-secondary); border-left: 1px solid var(--bg-border); } + .container__133bf{ + background-color: transparent; + } + + .tabBody__133bf{ + background-color: transparent; + } + + .nowPlayingColumn__133bf{ + background-color: transparent; + } + + .theme-dark .themed__9293f{ + background-color: transparent; + } + + .refresh-active-now .wrapper__00943{ + background: transparent; + } } From 76cadc00e4b2cd41731d4d59db83e80361385e12 Mon Sep 17 00:00:00 2001 From: NoXystics Date: Sat, 11 Jul 2026 15:22:54 +0700 Subject: [PATCH 2/7] fix: vc container transparency --- src/theme/chat/_container.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/theme/chat/_container.scss b/src/theme/chat/_container.scss index 447f06e..3db55fc 100644 --- a/src/theme/chat/_container.scss +++ b/src/theme/chat/_container.scss @@ -29,4 +29,12 @@ .refresh-active-now .wrapper__00943{ background: transparent; } + + .wrapper_cb9592.minimum_cb9592{ + .background: transparent; + } + + .root_bfe55a{ + background: transparent; + } } From 9ef419407391b5031dc7b46e7c4aa50359cd95ef Mon Sep 17 00:00:00 2001 From: NoXystics Date: Sat, 11 Jul 2026 15:39:31 +0700 Subject: [PATCH 3/7] fix: server voicechat background transparency --- src/theme/chat/_container.scss | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/src/theme/chat/_container.scss b/src/theme/chat/_container.scss index 3db55fc..44e4d9c 100644 --- a/src/theme/chat/_container.scss +++ b/src/theme/chat/_container.scss @@ -37,4 +37,16 @@ .root_bfe55a{ background: transparent; } + + .channelChatWrapper_cb9592, .wrapper_cb9592{ + background: transparent; + } + + .root_bfe55a{ + background: transparent; + } + + .callContainer_cb9592{ + background: transparent; + } } From 83314632481c34f866a9f88265df5b4919bb6989 Mon Sep 17 00:00:00 2001 From: NoXystics Date: Sun, 12 Jul 2026 07:50:30 +0700 Subject: [PATCH 4/7] fix: used variable var(--background-base-lower) instead of fixed transparent --- src/theme/chat/_container.scss | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/src/theme/chat/_container.scss b/src/theme/chat/_container.scss index 44e4d9c..a5fd7ea 100644 --- a/src/theme/chat/_container.scss +++ b/src/theme/chat/_container.scss @@ -11,42 +11,42 @@ border-left: 1px solid var(--bg-border); } .container__133bf{ - background-color: transparent; + background-color: var(--background-base-lower); } .tabBody__133bf{ - background-color: transparent; + background-color: var(--background-base-lower); } .nowPlayingColumn__133bf{ - background-color: transparent; + background-color: var(--background-base-lower); } .theme-dark .themed__9293f{ - background-color: transparent; + background-color: var(--background-base-lower); } .refresh-active-now .wrapper__00943{ - background: transparent; + background: var(--background-base-lower); } .wrapper_cb9592.minimum_cb9592{ - .background: transparent; + .background: var(--background-base-lower); } .root_bfe55a{ - background: transparent; + background: var(--background-base-lower); } .channelChatWrapper_cb9592, .wrapper_cb9592{ - background: transparent; + background: var(--background-base-lower); } .root_bfe55a{ - background: transparent; + background: var(--background-base-lower); } .callContainer_cb9592{ - background: transparent; + background: var(--background-base-lower); } } From 7dd484abc778ee3d68dbbfc6b654f60b495888fb Mon Sep 17 00:00:00 2001 From: NoXystics Date: Sun, 12 Jul 2026 07:53:10 +0700 Subject: [PATCH 5/7] other: just tidying up some indentation --- src/theme/chat/_container.scss | 69 +++++++++++++++------------------- 1 file changed, 30 insertions(+), 39 deletions(-) diff --git a/src/theme/chat/_container.scss b/src/theme/chat/_container.scss index a5fd7ea..74de26f 100644 --- a/src/theme/chat/_container.scss +++ b/src/theme/chat/_container.scss @@ -10,43 +10,34 @@ background: var(--bg-secondary); border-left: 1px solid var(--bg-border); } - .container__133bf{ - background-color: var(--background-base-lower); - } - - .tabBody__133bf{ - background-color: var(--background-base-lower); - } - - .nowPlayingColumn__133bf{ - background-color: var(--background-base-lower); - } - - .theme-dark .themed__9293f{ - background-color: var(--background-base-lower); - } - - .refresh-active-now .wrapper__00943{ - background: var(--background-base-lower); - } - - .wrapper_cb9592.minimum_cb9592{ - .background: var(--background-base-lower); - } - - .root_bfe55a{ - background: var(--background-base-lower); - } - - .channelChatWrapper_cb9592, .wrapper_cb9592{ - background: var(--background-base-lower); - } - - .root_bfe55a{ - background: var(--background-base-lower); - } - - .callContainer_cb9592{ - background: var(--background-base-lower); - } + container__133bf{ + background-color: var(--background-base-lower); + } + .tabBody__133bf{ + background-color: var(--background-base-lower); + } + .nowPlayingColumn__133bf{ + background-color: var(--background-base-lower); + } + .theme-dark .themed__9293f{ + background-color: var(--background-base-lower); + } + .refresh-active-now .wrapper__00943{ + background: var(--background-base-lower); + } + .wrapper_cb9592.minimum_cb9592{ + background: var(--background-base-lower); + } + .root_bfe55a{ + background: var(--background-base-lower); + } + .channelChatWrapper_cb9592, .wrapper_cb9592{ + background: var(--background-base-lower); + } + .root_bfe55a{ + background: var(--background-base-lower); + } + .callContainer_cb9592{ + background: var(--background-base-lower); + } } From c1334791e40c48f46223dfc3a891257980d93bb5 Mon Sep 17 00:00:00 2001 From: NoXystics Date: Mon, 13 Jul 2026 05:09:58 +0700 Subject: [PATCH 6/7] fix: friends "Active Now" it's quiet for now container transparency --- src/theme/chat/_container.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/theme/chat/_container.scss b/src/theme/chat/_container.scss index 74de26f..c79c6b3 100644 --- a/src/theme/chat/_container.scss +++ b/src/theme/chat/_container.scss @@ -10,7 +10,7 @@ background: var(--bg-secondary); border-left: 1px solid var(--bg-border); } - container__133bf{ + .container__133bf{ background-color: var(--background-base-lower); } .tabBody__133bf{ @@ -40,4 +40,7 @@ .callContainer_cb9592{ background: var(--background-base-lower); } + .emptyCard__7e549{ + background: var(--background-base-lower); + } } From c167cc48938face5ea40c26e4d537101ca050d5d Mon Sep 17 00:00:00 2001 From: NoXystics Date: Thu, 16 Jul 2026 17:15:46 +0700 Subject: [PATCH 7/7] fix: changed variable to match bg color with other container --- src/theme/chat/_container.scss | 91 ++++++++++++++++++---------------- 1 file changed, 47 insertions(+), 44 deletions(-) diff --git a/src/theme/chat/_container.scss b/src/theme/chat/_container.scss index c79c6b3..7b4ebfe 100644 --- a/src/theme/chat/_container.scss +++ b/src/theme/chat/_container.scss @@ -1,46 +1,49 @@ #app-mount { - .chat_f75fb0 { - background: transparent; - border: none; - ol.scrollerInner__36d07 { - padding-bottom: var(--chat-bottom-spacing); - } - } - .chatContent_f75fb0 { - background: var(--bg-secondary); - border-left: 1px solid var(--bg-border); - } - .container__133bf{ - background-color: var(--background-base-lower); - } - .tabBody__133bf{ - background-color: var(--background-base-lower); - } - .nowPlayingColumn__133bf{ - background-color: var(--background-base-lower); - } - .theme-dark .themed__9293f{ - background-color: var(--background-base-lower); - } - .refresh-active-now .wrapper__00943{ - background: var(--background-base-lower); - } - .wrapper_cb9592.minimum_cb9592{ - background: var(--background-base-lower); - } - .root_bfe55a{ - background: var(--background-base-lower); - } - .channelChatWrapper_cb9592, .wrapper_cb9592{ - background: var(--background-base-lower); - } - .root_bfe55a{ - background: var(--background-base-lower); - } - .callContainer_cb9592{ - background: var(--background-base-lower); - } - .emptyCard__7e549{ - background: var(--background-base-lower); - } + .chat_f75fb0 { + background: transparent; + border: none; + + ol.scrollerInner__36d07 { + padding-bottom: var(--chat-bottom-spacing); + } + } + + .chatContent_f75fb0 { + background: var(--bg-secondary); + border-left: 1px solid var(--bg-border); + } + + .container__133bf { + background-color: var(--bg-primary); + } + .tabBody__133bf { + background-color: transparent; + } + .nowPlayingColumn__133bf { + background-color: transparent; + } + .theme-dark .themed__9293f { + background-color: transparent; + } + .refresh-active-now .wrapper__00943 { + background: transparent; + } + .wrapper_cb9592.minimum_cb9592 { + background: transparent; + } + .root_bfe55a { + background: transparent; + } + .channelChatWrapper_cb9592, .wrapper_cb9592 { + background: transparent; + } + .root_bfe55a { + background: var(--bg-primary); + } + .callContainer_cb9592 { + background: transparent; + } + .emptyCard__7e549 { + background: transparent; + } }