BetterSEQTA/BetterSEQTA-Plus
1
0
Fork 0
mirror of https://github.com/BetterSEQTA/BetterSEQTA-Plus.git synced 2026-06-06 19:54:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

send images separately in themeManagement

Browse Source
This commit is contained in:
SethBurkart123
2024-04-01 23:58:30 +11:00
parent be2c143e38
commit f6386aad7d
4 changed files with 47 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/seqta/ui/Themes.ts
+12 -10
View File
@@ -1,6 +1,6 @@
import browser from 'webextension-polyfill'
import localforage from 'localforage';
import { CustomImageBase64, CustomTheme, CustomThemeBase64, ThemeList } from '../../interface/types/CustomThemes';
import { CustomImage, CustomImageBase64, CustomTheme, CustomThemeBase64, ThemeList } from '../../interface/types/CustomThemes';
const imageData: Record<string, { url: string; variableName: string }> = {};
@@ -95,7 +95,7 @@ export const saveTheme = async (theme: CustomThemeBase64) => {
}
};
export const UpdateThemePreview = async (updatedTheme: CustomThemeBase64) => {
export const UpdateThemePreview = async (updatedTheme: Omit<CustomTheme, 'CustomImages'> & { CustomImages: Omit<CustomImage, 'blob'>[] }) => {
const { CustomCSS, CustomImages, defaultColour } = updatedTheme;
// Update image data
@@ -121,7 +121,7 @@ export const UpdateThemePreview = async (updatedTheme: CustomThemeBase64) => {
}
imageData[image.id] = {
url: updateImage(image),
url: '',
variableName: image.variableName,
};
});
@@ -133,14 +133,16 @@ export const UpdateThemePreview = async (updatedTheme: CustomThemeBase64) => {
if (defaultColour !== '') {
browser.storage.local.set({ selectedColor: defaultColour });
}
};
// Apply custom images
CustomImages.forEach((image) => {
const imageUrl = imageData[image.id]?.url;
if (imageUrl) {
document.documentElement.style.setProperty('--' + image.variableName, `url(${imageUrl})`);
}
});
export const UpdateImageData = (imageData2: { id: string; base64: string }) => {
const { id, base64 } = imageData2;
if (imageData[id]) {
imageData[id].url = base64;
const { variableName } = imageData[id];
document.documentElement.style.setProperty('--' + variableName, `url(${base64})`);
}
};
function applyCustomCSS(customCSS: string) {