From f17740d6f773a6801a0fc5787500695e0cd82148 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <me@hydev.org>
Date: Sat, 11 Dec 2021 09:11:34 -0500
Subject: [PATCH] [+] Transparency encoding

---
 src/views/color/ColorPicker.vue | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/views/color/ColorPicker.vue b/src/views/color/ColorPicker.vue
index 526683e..78720da 100644
--- a/src/views/color/ColorPicker.vue
+++ b/src/views/color/ColorPicker.vue
@@ -5,7 +5,7 @@
             <input v-model="colorInput" spellcheck="false" @change="colorModel = colorInput">
         </div>
         <ColorPicker id="picker" :isWidget="true" pickerType="chrome" v-model:pureColor="colorModel"
-                     :disableHistory="true" @pureColorChange="change" format="hex"/>
+                     :disableHistory="true" @pureColorChange="change" format="hex8"/>
         <div id="palette">
             <div class="row" v-for="(p, i) of palette" :key="i">
                 <div class="color" v-for="(c, j) in p" :key="j" :style="{'background-color': c ? c : '#333'}"
@@ -39,8 +39,8 @@ export default class MyColorPicker extends Vue
      */
     created(): void
     {
-        this.colorModel = '#' + this.color.getHexString()
-        this.colorInput = this.colorModel.substr(1)
+        this.colorModel = '#' + this.color.getHexString() + 'ff'
+        this.colorInput = this.colorModel.substr(1, 6)
         this.palette = range(3).map(_ => range(10).map(_ => ''))
     }
 
@@ -49,8 +49,8 @@ export default class MyColorPicker extends Vue
      */
     change(color: string): void
     {
-        this.colorInput = color.substr(1)
-        const c = new Color(this.colorModel)
+        this.colorInput = color.substr(1, 6)
+        const c = new Color(this.colorModel.substr(0, 7))
         this.$emit('update:color', c)
         this.$emit('updateColor', c)
     }
@@ -216,7 +216,6 @@ export default class MyColorPicker extends Vue
 
         .row
             width: 100%
-            background-color: red
             display: flex
 
             .color:first-child