diff --git a/src/plugins/vencordToolbox/index.css b/src/plugins/vencordToolbox/index.css index 8b509868..a1c85ad5 100644 --- a/src/plugins/vencordToolbox/index.css +++ b/src/plugins/vencordToolbox/index.css @@ -1,12 +1,16 @@ .vc-toolbox-btn, -.vc-toolbox-btn svg { +.vc-toolbox-btn>svg { -webkit-app-region: no-drag; } -.vc-toolbox-btn svg { +.vc-toolbox-btn>svg { color: var(--interactive-normal); } -:is(.vc-toolbox-btn:hover, .vc-toolbox-btn[class*="selected"]) svg { +.vc-toolbox-btn[class*="selected"]>svg { color: var(--interactive-active); } + +.vc-toolbox-btn:hover>svg { + color: var(--interactive-hover); +} diff --git a/src/plugins/vencordToolbox/index.tsx b/src/plugins/vencordToolbox/index.tsx index ba55fdee..cd266c6f 100644 --- a/src/plugins/vencordToolbox/index.tsx +++ b/src/plugins/vencordToolbox/index.tsx @@ -89,10 +89,10 @@ function VencordPopout(onClose: () => void) { ); } -function VencordPopoutIcon() { +function VencordPopoutIcon(isShown: boolean) { return ( - - + + ); } @@ -114,7 +114,7 @@ function VencordPopoutButton() { className="vc-toolbox-btn" onClick={() => setShow(v => !v)} tooltip={isShown ? null : "Vencord Toolbox"} - icon={VencordPopoutIcon} + icon={() => VencordPopoutIcon(isShown)} selected={isShown} /> )}