Move custom theming from settings to style-switcher, remove usage of custom .css files, use styles.json instead.

1 files changed, 2 insertions, 44 deletions

diff --git a/src/components/settings/settings.js b/src/components/settings/settings.js
index 235ccfbb..3f619572 100644
--- a/src/components/settings/settings.js
+++ b/src/components/settings/settings.js
@@ -11,10 +11,6 @@ const settings = {
       autoLoadLocal: this.$store.state.config.autoLoad,
       streamingLocal: this.$store.state.config.streaming,
       hoverPreviewLocal: this.$store.state.config.hoverPreview,
-      bgColorLocal: '',
-      fgColorLocal: '',
-      textColorLocal: '',
-      linkColorLocal: ''
     }
   },
   components: {
@@ -25,46 +21,8 @@ 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) {
-        // reset to picked themes
-      }
-      const rgb = (hex) => {
-        const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-        return result ? {
-            r: parseInt(result[1], 16),
-            g: parseInt(result[2], 16),
-            b: parseInt(result[3], 16)
-        } : null
-      }
-      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
-        }})
-      }
-    }
-  },
+
+
   watch: {
     hideAttachmentsLocal (value) {
       this.$store.dispatch('setOption', { name: 'hideAttachments', value })