diff --git a/src/plugins/vencordToolbox/index.css b/src/plugins/vencordToolbox/index.css
new file mode 100644
index 00000000..422e36d6
--- /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 939bbd5c..c2bfe6c8 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 (
-
+
);
}
@@ -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: [
{