josh/dashy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🔥 Applies users colors to workspace, fixes spacing on CSS config view, and improves theme reset process

Browse Source
This commit is contained in:
Alicia Sykes
2021-07-18 17:57:11 +01:00
parent 514edcbde9
commit f5eb8f262c
3 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Settings/CustomThemeMaker.vue
View File

@@ -99,11 +99,15 @@ export default {
this.customColors = this.makeInitialData(mainCssVars);
this.$emit('closeThemeConfigurator');
},
/* Resets styles, and removes data for current theme from local storage */
resetAndSave() {
const priorSettings = JSON.parse(localStorage[localStorageKeys.CUSTOM_COLORS] || '{}');
delete priorSettings[this.themeToEdit];
localStorage.setItem(localStorageKeys.CUSTOM_COLORS, JSON.stringify(priorSettings));
this.resetUnsavedColors();
this.customColors = this.makeInitialData(mainCssVars);
this.saveChanges();
this.$toasted.show(`Custom Colors for ${this.themeToEdit} Removed`);
},
/* Generates CSS for the currently applied variables, and copys to users clipboard */
exportToClipboard() {
const themeName = this.themeToEdit.replace(/^\w/, c => c.toUpperCase());
let clipboardText = `// Custom Colors for ${themeName}\n`;