From 44073e72fdb5d253f48b6f0bb0755da89f7e4ae1 Mon Sep 17 00:00:00 2001 From: shpuld Date: Fri, 17 Nov 2017 02:17:36 +0200 Subject: Update theme editor to have 4 colors, rewrite the color setter, change a LOT of base16 assignments for better consistency. --- src/components/settings/settings.js | 15 +++++++++++++++ 1 file changed, 15 insertions(+) (limited to 'src/components/settings/settings.js') diff --git a/src/components/settings/settings.js b/src/components/settings/settings.js index a1d3aeda..235ccfbb 100644 --- a/src/components/settings/settings.js +++ b/src/components/settings/settings.js @@ -13,6 +13,7 @@ const settings = { hoverPreviewLocal: this.$store.state.config.hoverPreview, bgColorLocal: '', fgColorLocal: '', + textColorLocal: '', linkColorLocal: '' } }, @@ -24,6 +25,18 @@ const settings = { return this.$store.state.users.currentUser } }, + mounted() { + const rgbstr2hex = (rgb) => { + if (rgb[0] === '#') + return rgb + rgb = rgb.match(/\d+/g) + return `#${((Number(rgb[0]) << 16) + (Number(rgb[1]) << 8) + Number(rgb[2])).toString(16)}` + } + this.bgColorLocal = rgbstr2hex(this.$store.state.config.colors['base00']) + this.fgColorLocal = rgbstr2hex(this.$store.state.config.colors['base02']) + this.textColorLocal = rgbstr2hex(this.$store.state.config.colors['base05']) + this.linkColorLocal = rgbstr2hex(this.$store.state.config.colors['base08']) + }, methods: { setCustomTheme () { if (!this.bgColorLocal && !this.fgColorLocal && !this.linkColorLocal) { @@ -39,12 +52,14 @@ const settings = { } const bgRgb = rgb(this.bgColorLocal) const fgRgb = rgb(this.fgColorLocal) + const textRgb = rgb(this.textColorLocal) const linkRgb = rgb(this.linkColorLocal) if (bgRgb && fgRgb && linkRgb) { console.log('all colors ok') this.$store.dispatch('setOption', { name: 'customTheme', value: { fg: fgRgb, bg: bgRgb, + text: textRgb, link: linkRgb }}) } -- cgit v1.2.3-70-g09d2