SheWhoReignsSupreme/Equicord
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CSS: Fix Contrib Coloring On Hover

Browse source
This commit is contained in:
thororen1234 2025-12-04 18:10:42 -05:00
parent 614c3b820d
commit faf342312e
No known key found for this signature in database
3 changed files with 20 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/components/settings/SpecialCard.css
View file

@ -1,7 +1,15 @@
.vc-contrib-button,
.vc-invite-button,
.vc-donate-button {
overflow: visible !important;
color: black;
background-color: color-mix(in srgb, #c3a3ce 15%, pink);
}
.vc-invite-button:hover,
.vc-donate-button:hover {
overflow: visible !important;
color: black;
background-color: color-mix(in srgb, hotpink 15%, pink);
}
.vc-invite-link {
@ -15,6 +23,12 @@
overflow: visible !important;
margin-top: 1em;
color: black;
background-color: color-mix(in srgb, #EDCC87 95%, black);
}
.vc-contrib-button:hover {
color: black;
background-color: color-mix(in srgb, #EDCC87 90%, black);
}
.vc-contrib-github {
@ -32,7 +46,7 @@
}
.vc-invite-button:hover .vc-invite-link,
.vc-contrib-github:hover .vc-contrib-github,
.vc-contrib-button:hover .vc-contrib-github,
.vc-donate-button:hover .vc-heart-icon {
transform: scale(1.1);
z-index: 10;

4
src/components/settings/tabs/vencord/DonateButton.tsx
View file

@ -20,9 +20,9 @@ export function DonateButtonComponent() {
<Flex>
<DonateButton
equicord={true}
style={{ marginTop: "1em", color: "black" }} />
style={{ marginTop: "1em" }} />
<InviteButton
style={{ marginTop: "1em", color: "black" }} />
style={{ marginTop: "1em" }} />
</Flex>
);
}

4
src/plugins/_api/badges/modals.tsx
View file

@ -57,7 +57,7 @@ export function VencordDonorModal() {
</ModalContent>
<ModalFooter>
<Flex justifyContent="center" style={{ width: "100%" }}>
<DonateButton style={{ color: "var(--text-default)" }} />
<DonateButton />
</Flex>
</ModalFooter>
</ModalRoot>
@ -113,7 +113,7 @@ export function EquicordDonorModal() {
</ModalContent>
<ModalFooter>
<Flex justifyContent="center" style={{ width: "100%" }}>
<DonateButton equicord={true} style={{ color: "var(--text-default)" }} />
<DonateButton equicord={true} />
</Flex>
</ModalFooter>
</ModalRoot>