VencordToolbox: Change img icon to svg (#1059)

Co-authored-by: V <vendicated@riseup.net>
This commit is contained in:
AutumnVN 2023-05-05 09:41:01 -07:00 committed by GitHub
parent 244d10dc9e
commit 3a54a24c70
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 7 deletions

View file

@ -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);
}

View file

@ -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: [
{