feat: ranges with units, loading vars from settings
This commit is contained in:
parent
c0dff86cb2
commit
19a87e3e94
|
@ -61,6 +61,8 @@ export interface Settings {
|
|||
settingsSync: boolean;
|
||||
settingsSyncVersion: number;
|
||||
};
|
||||
|
||||
userCssVars: Record<string, string>;
|
||||
}
|
||||
|
||||
const DefaultSettings: Settings = {
|
||||
|
@ -91,7 +93,9 @@ const DefaultSettings: Settings = {
|
|||
url: "https://api.vencord.dev/",
|
||||
settingsSync: false,
|
||||
settingsSyncVersion: 0
|
||||
}
|
||||
},
|
||||
|
||||
userCssVars: {}
|
||||
};
|
||||
|
||||
try {
|
||||
|
|
|
@ -46,7 +46,7 @@ async function initThemes() {
|
|||
document.documentElement.appendChild(themesStyle);
|
||||
}
|
||||
|
||||
const { themeLinks, enabledThemes } = Settings;
|
||||
const { themeLinks, enabledThemes, userCssVars } = Settings;
|
||||
|
||||
const links: string[] = [...themeLinks];
|
||||
|
||||
|
@ -74,7 +74,13 @@ async function initThemes() {
|
|||
const { vars } = usercssParse(themeData, theme);
|
||||
|
||||
for (const [id, meta] of Object.entries(vars)) {
|
||||
cssVars.push(`--${id}: ${meta.default};`);
|
||||
let normalizedValue: string = userCssVars[id] ?? meta.default;
|
||||
|
||||
if (meta.type === "range") {
|
||||
normalizedValue = `${normalizedValue}${meta.units ?? ""}`;
|
||||
}
|
||||
|
||||
cssVars.push(`--${id}: ${normalizedValue};`);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue