ZenBrowserMirrors/components
1
0
Fork 0
mirror of https://github.com/zen-browser/components.git synced 2025-07-07 21:19:57 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update the color theme on panel close instead of on input.

Browse source
This commit is contained in:
Kristijan Ribarić 2024-10-26 16:34:35 +02:00
parent 2572fb55f6
commit 8c3b9110b3
1 changed files with 20 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/ZenGradientGenerator.mjs
View file

@ -350,7 +350,7 @@
opacity, opacity,
rotation, rotation,
texture, texture,
} };
} }
updateNoise(texture) { updateNoise(texture) {
@ -358,9 +358,12 @@
wrapper.style.setProperty('--zen-grainy-background-opacity', texture); wrapper.style.setProperty('--zen-grainy-background-opacity', texture);
} }
async onWorkspaceChange(workspace, skipUpdate = false) { async onWorkspaceChange(workspace, skipUpdate = false, theme = null) {
const uuid = workspace.uuid; const uuid = workspace.uuid;
const theme = await ZenWorkspacesStorage.getWorkspaceTheme(uuid);
if(!theme) {
theme = await ZenWorkspacesStorage.getWorkspaceTheme(uuid);
}
const appWrapepr = document.getElementById('zen-main-app-wrapper'); const appWrapepr = document.getElementById('zen-main-app-wrapper');
if (!skipUpdate) { if (!skipUpdate) {
appWrapepr.removeAttribute('animating'); appWrapepr.removeAttribute('animating');
@ -426,7 +429,8 @@
} }
} }
async updateCurrentWorkspace() { async updateCurrentWorkspace(skipSave = true) {
this.updated = skipSave;
const dots = this.panel.querySelectorAll('.zen-theme-picker-dot'); const dots = this.panel.querySelectorAll('.zen-theme-picker-dot');
const colors = Array.from(dots).map(dot => { const colors = Array.from(dots).map(dot => {
const color = dot.style.getPropertyValue('--zen-theme-picker-dot-color'); const color = dot.style.getPropertyValue('--zen-theme-picker-dot-color');
@ -437,9 +441,19 @@
return {c: isCustom ? color : color.match(/\d+/g).map(Number), isCustom}; return {c: isCustom ? color : color.match(/\d+/g).map(Number), isCustom};
}); });
const gradient = this.getTheme(colors, this.currentOpacity, this.currentRotation, this.currentTexture); const gradient = this.getTheme(colors, this.currentOpacity, this.currentRotation, this.currentTexture);
const currentWorkspace = await ZenWorkspaces.getActiveWorkspace(); const currentWorkspace = await ZenWorkspaces.getActiveWorkspace();
await ZenWorkspacesStorage.saveWorkspaceTheme(currentWorkspace.uuid, gradient); if(!skipSave) {
this.onWorkspaceChange(currentWorkspace, true); await ZenWorkspacesStorage.saveWorkspaceTheme(currentWorkspace.uuid, gradient);
}
await this.onWorkspaceChange(currentWorkspace, true,skipSave ? gradient : null);
}
async handlePanelClose() {
if(this.updated) {
await this.updateCurrentWorkspace(false);
}
} }
} }