diff options
| -rw-r--r-- | src/plugins/vencordToolbox/index.css | 7 | ||||
| -rw-r--r-- | src/plugins/vencordToolbox/index.tsx (renamed from src/plugins/vencordToolbox.tsx) | 14 |
2 files changed, 14 insertions, 7 deletions
diff --git a/src/plugins/vencordToolbox/index.css b/src/plugins/vencordToolbox/index.css new file mode 100644 index 0000000..422e36d --- /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 index 939bbd5..c2bfe6c 100644 --- a/src/plugins/vencordToolbox.tsx +++ b/src/plugins/vencordToolbox/index.tsx @@ -16,6 +16,8 @@ * along with this program. If not, see <https://www.gnu.org/licenses/>. */ +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 ( - <img - width={24} - height={24} - src="https://raw.githubusercontent.com/Vencord/Website/main/public/assets/favicon.png" - alt="Vencord Toolbox" - /> + <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" width={24} height={24}> + <path fill="currentColor" d="M53 10h7v1h-1v1h-1v1h-1v1h-1v1h-1v1h5v1h-7v-1h1v-1h1v-1h1v-1h1v-1h1v-1h-5m-43 1v32h2v2h2v2h2v2h2v2h2v2h2v2h2v2h2v2h8v-2h2V46h-2v2h-2v2h-4v-2h-2v-2h-2v-2h-2v-2h-2v-2h-2V12m24 0v27h-2v3h4v-6h2v-2h4V12m13 2h5v1h-1v1h-1v1h-1v1h3v1h-5v-1h1v-1h1v-1h1v-1h-3m8 5h1v5h1v-1h1v1h-1v1h1v-1h1v1h-1v3h-1v1h-2v1h-1v1h1v-1h2v-1h1v2h-1v1h-2v1h-1v-1h-1v1h-6v-1h-1v-1h-1v-2h1v1h2v1h3v1h1v-1h-1v-1h-3v-1h-4v-4h1v-2h1v-1h1v-1h1v2h1v1h1v-1h1v1h-1v1h2v-2h1v-2h1v-1h1m-13 4h2v1h-1v4h1v2h1v1h1v1h1v1h4v1h-6v-1h-6v-1h-1v-5h1v-1h1v-2h2m17 3h1v3h-1v1h-1v1h-1v2h-2v-2h2v-1h1v-1h1m1 0h1v3h-1v1h-2v-1h1v-1h1m-30 2v8h-8v32h8v8h32v-8h8v-8H70v8H54V44h16v8h16v-8h-8v-8h-1v1h-7v-1h-2v1h-8v-1" /> + </svg> ); } @@ -99,6 +98,7 @@ function VencordPopoutButton() { > {(_, { isShown }) => ( <HeaderBarIcon + className="vc-toolbox-btn" onClick={() => 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: [ { |