From cce5f9a0c7710b9bc65b838665b8dd09db193a16 Mon Sep 17 00:00:00 2001 From: Gibbu Date: Wed, 20 Mar 2024 08:28:52 +1100 Subject: [PATCH] Fixed icons --- src/addons/_icons.scss | 40 ++++++++++++++++++++++++++++++++++++++-- 1 file changed, 38 insertions(+), 2 deletions(-) diff --git a/src/addons/_icons.scss b/src/addons/_icons.scss index 3ed3f61..7896855 100644 --- a/src/addons/_icons.scss +++ b/src/addons/_icons.scss @@ -2,8 +2,11 @@ @use '../theme/assets/mono'; @use '../theme/assets/brand'; -.wrapper__7bcde { +:root { --fluent-icons-color: var(--interactive-normal); +} + +.wrapper__7bcde { &.modeMuted__0aeea { --fluent-icons-color: var(--interactive-muted); } @@ -122,7 +125,40 @@ } } } -z + +.lottieIcon__9d8ab { + svg { + background: var(--fluent-icons-color); + } + g { + display: none; + } + // Chatbox gift + svg:has(path[d^=' M-7,10 C-8.104999542236328,10 -9,9.104999542236328 -9,8 C-9,8 -9,2.5']) { + mask-image: url(mono.$gift); + } + // Chatbox gifs + svg:has(path[d^=' M-7,-10 C-8.656999588012695,-10 -10,-8.656999588012695 -10,-7 C-10,-7']) { + mask-image: url(mono.$gif); + } + // Chatbox stickers + svg:has(path[d^=' M-6,-10 C-6,-10 6,-10 6,-10 C8.208999633789062,-10 10,-8.208999633789062']) { + mask-image: url(mono.$sticker); + } + + // User area mute mic + svg:has(path[d^=' M-4,-1.4600000381469727 C-4,-3.6689999103546143 -2.2090001106262207']) { + mask-image: url(mono.$mic); + } + // User area deafen + svg:has(path[d^=' M-8,-0.2879999876022339 C-8,-4.705999851226807 -4.418000221252441']) { + mask-image: url(mono.$speaker); + } + // User area settings + svg:has(path[d^=' M-1.4420000314712524,-10.906000137329102 C-1.8949999809265137,-10.847000122070312']) { + mask-image: url(mono.$cog); + } +} // Voice channel status .pencilIcon__1ec62 {