ryanamay/ModularVencord
1
0
Fork 0
mirror of https://github.com/Vendicated/Vencord.git synced 2024-09-19 22:20:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

switch FixHardCodedColors to new StyleListener api

Browse source
This commit is contained in:
F53 2024-07-31 21:55:00 -06:00
parent 6ae30fa2fa
commit eaf50679f9
2 changed files with 20 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/plugins/clientTheme/index.tsx
View file

@ -224,7 +224,7 @@ function updateColorVars(color: string) {
}`;
}
function createStyle(id: string) {
export function createStyle(id: string) {
const style = document.createElement("style");
style.id = id;
if (document.documentElement) document.documentElement.append(style);

25
src/plugins/fixHardcodedColors/index.ts
View file

@ -4,22 +4,35 @@
* SPDX-License-Identifier: GPL-3.0-or-later
*/
import { Styles } from "@api/index";
import { Devs } from "@utils/constants";
import definePlugin, { StartAt } from "@utils/types";
import { createStyleSheet, getStyles, newStyleListener } from "plugins/clientTheme/cssUtil";
import { createStyle } from "plugins/clientTheme";
export default definePlugin({
name: "Fix hardcoded colors",
description: "replace hardcoded colors with color variables",
authors: [Devs.F53],
startAt: StartAt.DOMContentLoaded,
startAt: StartAt.Init,
dependencies: ["StyleListenerAPI"],
async start() {
const styles = await getStyles();
const colorVariables = getColorVariables(styles);
let colorVariables: ColorVariable[];
const stylesToParse: string[] = [];
const fixes = createStyle("hardcodedColorFixes");
Styles.styleListeners.add((styles, initial) => {
// we can't generate fixes before getting colorVariables from the initial stylesheet
if (colorVariables) // gen fixes if we already have colorVariables
return fixes.innerText += generateFixes(colorVariables, styles);
else // queue fix generation if we don't have colorVariables
stylesToParse.push(styles);
const fixSheet = createStyleSheet("hardcodedColorFixes", generateFixes(colorVariables, styles));
newStyleListener(styles => fixSheet.innerText += generateFixes(colorVariables, styles));
if (!initial) return;
colorVariables = getColorVariables(styles);
while (stylesToParse.length > 0) // gen fixes for queue now that we have them (and remove them from memory)
fixes.innerText += generateFixes(colorVariables, stylesToParse.shift()!);
});
},
stop() {
document.getElementById("hardcodedColorFixes")?.remove();