hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Removing !important statements from theme vars

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2020-11-10 12:31:23 +03:00
parent b7fde0c6a6
commit 19f880ed35
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/renderer/components/app.scss
View File

@ -23,7 +23,6 @@
--font-weight-thin: 300;
--font-weight-normal: 400;
--font-weight-bold: 500;
--mainBackground: #1e2124;
--main-layout-header: 40px;
--drag-region-height: 22px
}

5
src/renderer/theme.store.ts
View File

@ -48,6 +48,7 @@ export class ThemeStore {
await this.loadTheme(themeId);
this.applyTheme();
} catch (err) {
logger.error(err);
userStore.resetTheme();
}
}, {
@ -79,7 +80,7 @@ export class ThemeStore {
}
return existingTheme;
} catch (err) {
logger.error(`Can't load theme "${themeId}": ${err}`);
throw new Error(`Can't load theme "${themeId}": ${err}`);
}
}
@ -90,7 +91,7 @@ export class ThemeStore {
document.head.prepend(this.styles);
}
const cssVars = Object.entries(theme.colors).map(([cssName, color]) => {
return `--${cssName}: ${color} !important;`
return `--${cssName}: ${color};`;
});
this.styles.textContent = `:root {\n${cssVars.join("\n")}}`;
// Adding universal theme flag which can be used in component styles