diff --git a/src/plugins/vencordToolbox/index.css b/src/plugins/vencordToolbox/index.css new file mode 100644 index 000000000..422e36d6c --- /dev/null +++ b/src/plugins/vencordToolbox/index.css @@ -0,0 +1,7 @@ +.vc-toolbox-btn svg { + color: var(--interactive-normal); +} + +:is(.vc-toolbox-btn:hover, .vc-toolbox-btn[class*="selected"]) svg { + color: var(--interactive-active); +} diff --git a/src/plugins/vencordToolbox.tsx b/src/plugins/vencordToolbox/index.tsx similarity index 82% rename from src/plugins/vencordToolbox.tsx rename to src/plugins/vencordToolbox/index.tsx index 939bbd5cb..c2bfe6c8b 100644 --- a/src/plugins/vencordToolbox.tsx +++ b/src/plugins/vencordToolbox/index.tsx @@ -16,6 +16,8 @@ * along with this program. If not, see . */ +import "./index.css"; + import { openNotificationLogModal } from "@api/Notifications/notificationLog"; import ErrorBoundary from "@components/ErrorBoundary"; import { Devs } from "@utils/constants"; @@ -76,12 +78,9 @@ function VencordPopout(onClose: () => void) { function VencordPopoutIcon() { return ( - Vencord Toolbox + + + ); } @@ -99,6 +98,7 @@ function VencordPopoutButton() { > {(_, { isShown }) => ( setShow(v => !v)} tooltip={isShown ? null : "Vencord Toolbox"} icon={VencordPopoutIcon} @@ -123,7 +123,7 @@ function ToolboxFragmentWrapper({ children }: { children: ReactNode[]; }) { export default definePlugin({ name: "VencordToolbox", description: "Adds a button next to the inbox button in the channel header that houses Vencord quick actions", - authors: [Devs.Ven], + authors: [Devs.Ven, Devs.AutumnVN], patches: [ {