diff --git a/src/equicordplugins/questify/index.tsx b/src/equicordplugins/questify/index.tsx index 9ecc70689..5f3583978 100644 --- a/src/equicordplugins/questify/index.tsx +++ b/src/equicordplugins/questify/index.tsx @@ -7,7 +7,6 @@ import "./styles.css"; import { addServerListElement, removeServerListElement, ServerListRenderPosition } from "@api/ServerList"; -import { disableStyle, enableStyle } from "@api/Styles"; import { ErrorBoundary, openPluginModal } from "@components/index"; import { EquicordDevs } from "@utils/constants"; import { getIntlMessage } from "@utils/index"; @@ -15,7 +14,6 @@ import definePlugin, { StartAt } from "@utils/types"; import { ContextMenuApi, Menu, NavigationRouter } from "@webpack/common"; import { JSX } from "react"; -import style from "./questTextStyles.css?managed"; import { addIgnoredQuest, autoFetchCompatible, fetchAndAlertQuests, maximumAutoFetchIntervalValue, minimumAutoFetchIntervalValue, removeIgnoredQuest, rerenderQuests, settings, startAutoFetchingQuests, stopAutoFetchingQuests, validateAndOverwriteIgnoredQuests } from "./settings"; import { GuildlessServerListItem, Quest, QuestIcon, QuestMap, QuestStatus, RGB } from "./utils/components"; import { adjustRGB, decimalToRGB, fetchAndDispatchQuests, formatLowerBadge, getFormattedNow, getQuestStatus, isDarkish, leftClick, middleClick, normalizeQuestName, q, QuestifyLogger, questPath, QuestsStore, refreshQuest, reportPlayGameQuestProgress, reportVideoQuestProgress, rightClick, waitUntilEnrolled } from "./utils/misc"; @@ -1133,7 +1131,6 @@ export default definePlugin({ renderQuestifyButton: ErrorBoundary.wrap(QuestButton, { noop: true }), start() { - enableStyle(style); addServerListElement(ServerListRenderPosition.Above, this.renderQuestifyButton); const interval = settings.store.fetchingQuestsInterval; const intervalValid = interval >= minimumAutoFetchIntervalValue && interval <= maximumAutoFetchIntervalValue; @@ -1144,7 +1141,6 @@ export default definePlugin({ }, stop() { - disableStyle(style); removeServerListElement(ServerListRenderPosition.Above, this.renderQuestifyButton); stopAutoFetchingQuests(); } diff --git a/src/equicordplugins/questify/questTextStyles.css b/src/equicordplugins/questify/questTextStyles.css deleted file mode 100644 index b0847b458..000000000 --- a/src/equicordplugins/questify/questTextStyles.css +++ /dev/null @@ -1,25 +0,0 @@ -/* Quest name color. */ -.questify-quest-item-restyle>div>div[class^="rewardDescriptionContainer"]>div[class^="textContainer"]>h2[class^="eyebrow"] { - color: var(--questify-quest-name) !important; /* Necessary !important */ -} - -/* Reward title + Orbs reward title text color. */ -.questify-quest-item-restyle>div>div[class^="rewardDescriptionContainer"]>div[class^="textContainer"]>div[class^="text-md"], -.questify-quest-item-restyle>div>div[class^="rewardDescriptionContainer"]>div[class^="textContainer"]>div[class^="text-md"]>span { - color: var(--questify-reward-title) !important; /* Necessary !important */ -} - -/* Quest description text color. */ -.questify-quest-item-restyle>div>div[class^="rewardDescriptionContainer"]>div[class^="textContainer"]>div[class^="text-sm"] { - color: var(--questify-reward-description) !important; /* Necessary !important */ -} - -/* Hides the gray placeholder elements which distract from the restyles. */ -.questify-quest-item-restyle [class^="placeholderElement"] { - background-color: transparent; -} - -/* Promoted by XYZ text color. */ -.questify-quest-item-restyle>div[class^="container"]>div[class^="positionContentOverBackground"]>div[class^="contents"]>div[class^="bottomRow"]>div[class^="text-sm"] { - color: var(--questify-reward-description) !important; /* Necessary !important */ -} diff --git a/src/equicordplugins/questify/styles.css b/src/equicordplugins/questify/styles.css index f7b5b048d..3cecea350 100644 --- a/src/equicordplugins/questify/styles.css +++ b/src/equicordplugins/questify/styles.css @@ -243,6 +243,32 @@ overflow: visible; } +/* Quest name color. */ +.questify-quest-item-restyle>div>div[class^="rewardDescriptionContainer"]>div[class^="textContainer"]>h2[class^="eyebrow"] { + color: var(--questify-quest-name) !important; /* Necessary !important */ +} + +/* Reward title + Orbs reward title text color. */ +.questify-quest-item-restyle>div>div[class^="rewardDescriptionContainer"]>div[class^="textContainer"]>div[class^="text-md"], +.questify-quest-item-restyle>div>div[class^="rewardDescriptionContainer"]>div[class^="textContainer"]>div[class^="text-md"]>span { + color: var(--questify-reward-title) !important; /* Necessary !important */ +} + +/* Quest description text color. */ +.questify-quest-item-restyle>div>div[class^="rewardDescriptionContainer"]>div[class^="textContainer"]>div[class^="text-sm"] { + color: var(--questify-reward-description) !important; /* Necessary !important */ +} + +/* Hides the gray placeholder elements which distract from the restyles. */ +.questify-quest-item-restyle [class^="placeholderElement"] { + background-color: transparent; +} + +/* Promoted by XYZ text color. */ +.questify-quest-item-restyle>div[class^="container"]>div[class^="positionContentOverBackground"]>div[class^="contents"]>div[class^="bottomRow"]>div[class^="text-sm"] { + color: var(--questify-reward-description) !important; /* Necessary !important */ +} + /* Drop shadow for >87.5% luminance (near-white) restyle gradients so logos are legible. */ .questify-quest-item-contrast-logo>div[class^="container"]>div[class^="positionContentOverBackground"]>div[class^="contents"]>div[class^="partnerBranding"]>img { filter: drop-shadow(0 0 10px rgb(0 0 0 / 80%));