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

Refactor ZenGradientGenerator.mjs to adjust color handling based on dark mode and improve workspace integration

Browse source
This commit is contained in:
mr. M 2024-10-29 23:42:04 +01:00
parent 8ecd316c18
commit 99003f3cb5
No known key found for this signature in database
GPG key ID: CBD57A2AEDBDA1FB
1 changed files with 7 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/ZenGradientGenerator.mjs
View file

@ -439,7 +439,7 @@
} }
} }
const result = this.pSBC( const result = this.pSBC(
this.isDarkMode ? 0.7 : -0.7, this.isDarkMode ? 0.5 : -0.5,
`rgb(${dominantColor[0]}, ${dominantColor[1]}, ${dominantColor[2]})`); `rgb(${dominantColor[0]}, ${dominantColor[1]}, ${dominantColor[2]})`);
return result?.match(/\d+/g).map(Number); return result?.match(/\d+/g).map(Number);
} }
@ -478,13 +478,14 @@
browser.gZenThemePicker.resetCustomColorList(); browser.gZenThemePicker.resetCustomColorList();
if (!workspaceTheme || workspaceTheme.type !== 'gradient') { if (!workspaceTheme || workspaceTheme.type !== 'gradient') {
browser.document.body.style.removeProperty('--zen-main-browser-background'); browser.document.documentElement.style.removeProperty('--zen-main-browser-background');
browser.gZenThemePicker.updateNoise(0); browser.gZenThemePicker.updateNoise(0);
if (!skipUpdate) { if (!skipUpdate) {
for (const dot of browser.gZenThemePicker.panel.querySelectorAll('.zen-theme-picker-dot')) { for (const dot of browser.gZenThemePicker.panel.querySelectorAll('.zen-theme-picker-dot')) {
dot.remove(); dot.remove();
} }
} }
browser.document.documentElement.style.setProperty('--zen-primary-color', this.getNativeAccentColor());
return; return;
} }
@ -520,6 +521,10 @@
}); });
} }
getNativeAccentColor() {
return Services.prefs.getStringPref('zen.theme.accent-color');
}
resetCustomColorList() { resetCustomColorList() {
this.customColorList.innerHTML = ''; this.customColorList.innerHTML = '';
} }