From de16413faff0f4d4ae5d68c4037b2a3a90599f35 Mon Sep 17 00:00:00 2001
From: jiannibang <271381693@qq.com>
Date: Thu, 29 Dec 2022 09:30:00 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/base/FacilityItem/FacilityItem.vue        |   2 +-
 .../KeyboardByLetter/KeyboardByLetter.vue     |  15 +++-
 .../KeyboardByWritten/KeyboardByWritten.vue   |  14 ++--
 .../PublicComponent/PublicComponent.vue       |   2 +-
 src/components/Search/Search.vue              |  78 +++++++++++++++---
 src/components/Search/tabs.js                 |  15 ----
 .../SearchResultList/SearchResultList.vue     |   4 +-
 src/components/Tabs/Tabs.vue                  |  11 +--
 src/themes/business/delete.png                | Bin 0 -> 668 bytes
 src/themes/business/keyboard.png              | Bin 0 -> 301 bytes
 src/themes/business/keyboard_active.png       | Bin 0 -> 304 bytes
 src/themes/business/style.json                |  13 ++-
 src/themes/business/write.png                 | Bin 0 -> 597 bytes
 src/themes/business/write_active.png          | Bin 0 -> 593 bytes
 src/themes/dark/delete.png                    | Bin 0 -> 560 bytes
 src/themes/dark/keyboard.png                  | Bin 0 -> 288 bytes
 src/themes/dark/keyboard_active.png           | Bin 0 -> 304 bytes
 src/themes/dark/style.json                    |  13 ++-
 src/themes/dark/write.png                     | Bin 0 -> 373 bytes
 src/themes/dark/write_active.png              | Bin 0 -> 593 bytes
 src/themes/fashion/delete.png                 | Bin 0 -> 668 bytes
 src/themes/fashion/keyboard.png               | Bin 0 -> 301 bytes
 src/themes/fashion/keyboard_active.png        | Bin 0 -> 304 bytes
 src/themes/fashion/style.json                 |  13 ++-
 src/themes/fashion/write.png                  | Bin 0 -> 597 bytes
 src/themes/fashion/write_active.png           | Bin 0 -> 593 bytes
 src/themes/highend/delete.png                 | Bin 0 -> 668 bytes
 src/themes/highend/keyboard.png               | Bin 0 -> 301 bytes
 src/themes/highend/keyboard_active.png        | Bin 0 -> 304 bytes
 src/themes/highend/style.json                 |  13 ++-
 src/themes/highend/write.png                  | Bin 0 -> 597 bytes
 src/themes/highend/write_active.png           | Bin 0 -> 593 bytes
 src/themes/luxury/delete.png                  | Bin 0 -> 668 bytes
 src/themes/luxury/keyboard.png                | Bin 0 -> 301 bytes
 src/themes/luxury/keyboard_active.png         | Bin 0 -> 304 bytes
 src/themes/luxury/style.json                  |  13 ++-
 src/themes/luxury/write.png                   | Bin 0 -> 597 bytes
 src/themes/luxury/write_active.png            | Bin 0 -> 593 bytes
 src/themes/main/delete.png                    | Bin 0 -> 668 bytes
 src/themes/main/keyboard.png                  | Bin 0 -> 301 bytes
 src/themes/main/keyboard_active.png           | Bin 0 -> 304 bytes
 src/themes/main/style.json                    |  13 ++-
 src/themes/main/write.png                     | Bin 0 -> 597 bytes
 src/themes/main/write_active.png              | Bin 0 -> 593 bytes
 44 files changed, 169 insertions(+), 50 deletions(-)
 create mode 100644 src/themes/business/delete.png
 create mode 100644 src/themes/business/keyboard.png
 create mode 100644 src/themes/business/keyboard_active.png
 create mode 100644 src/themes/business/write.png
 create mode 100644 src/themes/business/write_active.png
 create mode 100644 src/themes/dark/delete.png
 create mode 100644 src/themes/dark/keyboard.png
 create mode 100644 src/themes/dark/keyboard_active.png
 create mode 100644 src/themes/dark/write.png
 create mode 100644 src/themes/dark/write_active.png
 create mode 100644 src/themes/fashion/delete.png
 create mode 100644 src/themes/fashion/keyboard.png
 create mode 100644 src/themes/fashion/keyboard_active.png
 create mode 100644 src/themes/fashion/write.png
 create mode 100644 src/themes/fashion/write_active.png
 create mode 100644 src/themes/highend/delete.png
 create mode 100644 src/themes/highend/keyboard.png
 create mode 100644 src/themes/highend/keyboard_active.png
 create mode 100644 src/themes/highend/write.png
 create mode 100644 src/themes/highend/write_active.png
 create mode 100644 src/themes/luxury/delete.png
 create mode 100644 src/themes/luxury/keyboard.png
 create mode 100644 src/themes/luxury/keyboard_active.png
 create mode 100644 src/themes/luxury/write.png
 create mode 100644 src/themes/luxury/write_active.png
 create mode 100644 src/themes/main/delete.png
 create mode 100644 src/themes/main/keyboard.png
 create mode 100644 src/themes/main/keyboard_active.png
 create mode 100644 src/themes/main/write.png
 create mode 100644 src/themes/main/write_active.png

diff --git a/src/base/FacilityItem/FacilityItem.vue b/src/base/FacilityItem/FacilityItem.vue
index 0969bb1..b1e1a16 100644
--- a/src/base/FacilityItem/FacilityItem.vue
+++ b/src/base/FacilityItem/FacilityItem.vue
@@ -38,6 +38,6 @@ function handleFacility() {
   font-size: 12px;
   line-height: 14px;
   text-align: center;
-  color: rgba(0, 0, 0, 0.6);
+  color: var(--search-facNameColor, rgba(0, 0, 0, 0.6));
 }
 </style>
diff --git a/src/components/KeyboardByLetter/KeyboardByLetter.vue b/src/components/KeyboardByLetter/KeyboardByLetter.vue
index 6160914..ad563e0 100644
--- a/src/components/KeyboardByLetter/KeyboardByLetter.vue
+++ b/src/components/KeyboardByLetter/KeyboardByLetter.vue
@@ -14,9 +14,12 @@
 <script setup>
 import { ref } from 'vue'
 import { letter } from '../Search/tabs'
-
+import { storeToRefs } from 'pinia'
+import { useStore } from '@/store/root'
+const store = useStore()
+const { theme } = storeToRefs(store)
 function generateInnerHTML(item) {
-  return item === 'del' ? `<img src="${require('@/assets/images/search/del.svg')}" alt="">` : item
+  return item === 'del' ? `<img style="width:24px;height:24px" src="${theme.value.images.delete}" alt="">` : item
 }
 
 const emits = defineEmits(['del', 'handle-letter'])
@@ -52,13 +55,13 @@ function handleLetter(item, index) {
     height: 48px;
     text-align: center;
     line-height: 48px;
-    background: #ffffff;
+    background: var(--search-keyBg, #ffffff);
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.03), inset 0px -1px 0px rgba(177, 189, 220, 0.1);
     border-radius: var(--global-radius, 8px);
     font-weight: 700;
     font-size: 18px;
     font-family: 'font_bold';
-    color: rgba(0, 0, 0, 0.6);
+    color: var(--search-keyColor, rgba(0, 0, 0, 0.6));
     margin-right: 8px;
     margin-bottom: 8px;
     &:nth-child(21) {
@@ -69,6 +72,10 @@ function handleLetter(item, index) {
     }
     &.del {
       width: 104px;
+      img {
+        width: 24px;
+        height: 24px;
+      }
     }
     &.active {
       background: var(--search-keyboardActiveBg);
diff --git a/src/components/KeyboardByWritten/KeyboardByWritten.vue b/src/components/KeyboardByWritten/KeyboardByWritten.vue
index e14d660..f8b5066 100644
--- a/src/components/KeyboardByWritten/KeyboardByWritten.vue
+++ b/src/components/KeyboardByWritten/KeyboardByWritten.vue
@@ -9,13 +9,13 @@
       @result="getWordList"
       :width="552"
       :height="196"
-      background-color="#ffffff"
+      background-color="transparent"
       fill-font-size="48px"
       fill-style="rgba(0, 0, 0, 0.02)"
       :stroke-style="theme.search.writeColor"
     />
     <div class="del" @click="del">
-      <img src="../../assets/images/search/del.svg" class="del-icon" alt="" />
+      <img :src="theme.images.delete" class="del-icon" alt="" />
     </div>
   </div>
 </template>
@@ -57,14 +57,14 @@ function del() {
   position: relative;
   width: 552px;
   height: 252px;
-  background: #ffffff;
+  background: var(--search-keyBg, #ffffff);
   border-radius: var(--global-radius, 12px);
   margin-top: 16px;
   overflow: hidden;
   .word-scroll {
     position: relative;
     height: 56px;
-    background: #ffffff;
+    background: var(--search-keyBg, #ffffff);
     box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.04);
     .word-content {
       display: inline-block;
@@ -79,7 +79,7 @@ function del() {
       font-weight: 700;
       font-size: 18px;
       font-family: 'font_bold';
-      color: rgba(0, 0, 0, 0.6);
+      color: var(--search-keyColor, rgba(0, 0, 0, 0.6));
       &.active {
         color: #fff;
         background: var(--search-keyboardActiveBg);
@@ -98,6 +98,10 @@ function del() {
     background: rgba(0, 0, 0, 0.05);
     box-shadow: inset 0px -1px 0px rgba(177, 189, 220, 0.1);
     border-radius: var(--global-radius, 8px);
+    img {
+      width: 24px;
+      height: 24px;
+    }
   }
 }
 </style>
diff --git a/src/components/PublicComponent/PublicComponent.vue b/src/components/PublicComponent/PublicComponent.vue
index 5144c4a..5b36bb9 100644
--- a/src/components/PublicComponent/PublicComponent.vue
+++ b/src/components/PublicComponent/PublicComponent.vue
@@ -76,7 +76,7 @@ onMounted(() => {
     send(`type:online`)
   }, 30000)
 
-  store.SET_CURRENT_THEME('dark')
+  store.SET_CURRENT_THEME('main')
   // let i = 0
   // setInterval(() => {
   //   i++
diff --git a/src/components/Search/Search.vue b/src/components/Search/Search.vue
index 198dee6..e92c1a3 100644
--- a/src/components/Search/Search.vue
+++ b/src/components/Search/Search.vue
@@ -16,7 +16,12 @@
           </div>
         </div>
         <div class="keyboard-wrapper">
-          <Tabs @click="handleTab" :list="list" class="tabs" />
+          <div class="tabs tabs-wrapper">
+            <div class="tab" :class="{ active: tabIdx === index }" @click="handleTab(index)" v-for="(item, index) of list" :key="item.name">
+              <img :src="tabIdx === index ? item.iconActive : item.icon" alt="" />
+              {{ item.name }}
+            </div>
+          </div>
           <KeyboardByLetter @del="del" @handle-letter="handleLetter" v-if="tabIdx === 0" />
           <KeyboardByWritten @del="del" @handle-word="handleLetter" v-else />
         </div>
@@ -47,7 +52,7 @@ import { computed, defineAsyncComponent, ref, onBeforeUnmount } from 'vue'
 import { useRouter } from 'vue-router'
 import { storeToRefs } from 'pinia'
 import { useStore } from '@/store/root'
-import { list } from './tabs'
+
 import { useSearchShop } from '@/composables/useSearchShop'
 import { useFacilityNav } from '@/composables/useFacilityNav'
 import { useStatistics } from '@/composables/useStatistics'
@@ -55,6 +60,7 @@ import Dialog from '@/layouts/Dialog.vue'
 import FacilityItem from '@/base/FacilityItem/FacilityItem.vue'
 import Tabs from '@/components/Tabs/Tabs.vue'
 import SearchResultList from '@/components/SearchResultList/SearchResultList.vue'
+
 const KeyboardByLetter = defineAsyncComponent(() => import('@/components/KeyboardByLetter/KeyboardByLetter.vue'))
 const KeyboardByWritten = defineAsyncComponent(() => import('@/components/KeyboardByWritten/KeyboardByWritten.vue'))
 const Voice = defineAsyncComponent(() => import('@/components/Voice/Voice.vue'))
@@ -68,6 +74,25 @@ const router = useRouter()
 const store = useStore()
 const { indexList, shopList, facilityList, config, showVoice, theme } = storeToRefs(store)
 
+const list = computed(() =>
+  theme.value
+    ? [
+        {
+          name: '键盘输入',
+          nameEn: 'keyboard input',
+          icon: theme.value.images.keyboard,
+          iconActive: theme.value.images.keyboard_active
+        },
+        {
+          name: '手写输入',
+          nameEn: 'handwriting input',
+          icon: theme.value.images.write,
+          iconActive: theme.value.images.write_active
+        }
+      ]
+    : []
+)
+
 const hotRecommend = computed(() => indexList.value.hotSearch ?? [])
 const showClassify = ref(false)
 
@@ -192,16 +217,10 @@ onBeforeUnmount(() => {
   border-radius: var(--searchBar-borderRadius);
   z-index: 2;
   overflow: hidden;
-  .title {
-    font-weight: 900;
-    font-size: 24px;
-    line-height: 28px;
-    color: rgba(0, 0, 0, 0.8);
-  }
 
   .top {
     height: 460px;
-    background: rgba(255, 255, 255, 0.6);
+    background: var(--search-topBg, rgba(255, 255, 255, 0.6));
     border-radius: var(--searchBar-borderRadius);
     margin: 10px 10px 48px 10px;
     display: flex;
@@ -209,6 +228,12 @@ onBeforeUnmount(() => {
     padding-left: 46px;
     overflow: hidden;
     .facs {
+      .title {
+        font-weight: 900;
+        font-size: 24px;
+        line-height: 28px;
+        color: var(--search-facTitleColor);
+      }
       width: 300px;
       padding-top: 111px;
       .facility-list {
@@ -219,6 +244,34 @@ onBeforeUnmount(() => {
         gap: 12px 24px;
       }
     }
+    .tabs-wrapper {
+      display: flex;
+      width: 100%;
+      height: 64px;
+      background: var(--search-tabsBg, rgba(0, 0, 0, 0.05));
+      border-radius: var(--global-radius, 12px);
+      overflow: hidden;
+
+      .tab {
+        height: 100%;
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: var(--search-tabColor, rgba(0, 0, 0, 0.6));
+        border-radius: var(--global-radius, 12px);
+        &.active {
+          background: var(--search-tabActiveBg, #ffffff);
+          color: var(--search-tabActiveColor, rgba(0, 0, 0, 0.8));
+        }
+      }
+
+      img {
+        width: 24px;
+        height: 24px;
+        margin-right: 12px;
+      }
+    }
     .keyboard-wrapper {
       flex: 1;
       padding-top: 75px;
@@ -232,6 +285,9 @@ onBeforeUnmount(() => {
   }
   .recs {
     padding-left: 56px;
+    .title {
+      color: var(--index-hotSearchTitleColor);
+    }
     .hot-scroll {
       padding-top: 16px;
       white-space: nowrap;
@@ -242,14 +298,14 @@ onBeforeUnmount(() => {
         display: inline-block;
         max-width: 170px;
         height: 52px;
-        background: rgba(255, 255, 255, 0.8);
+        background: var(--index-hotSearchBg);
         border-radius: var(--global-radius, 100px);
         .text {
           text-align: center;
           font-weight: 900;
           font-size: 16px;
           line-height: 52px;
-          color: rgba(0, 0, 0, 0.6);
+          color: var(--index-hotSearchColor);
           overflow: hidden;
           white-space: nowrap;
           text-overflow: ellipsis;
diff --git a/src/components/Search/tabs.js b/src/components/Search/tabs.js
index 835cf9e..7309ee2 100644
--- a/src/components/Search/tabs.js
+++ b/src/components/Search/tabs.js
@@ -1,18 +1,3 @@
-export const list = [
-  {
-    name: '键盘输入',
-    nameEn: 'keyboard input',
-    icon: require('@/assets/images/search/keyboard.png'),
-    iconActive: require('@/assets/images/search/keyboard_active.png')
-  },
-  {
-    name: '手写输入',
-    nameEn: 'handwriting input',
-    icon: require('@/assets/images/search/write.png'),
-    iconActive: require('@/assets/images/search/write_active.png')
-  }
-]
-
 export const letter = [
   1,
   2,
diff --git a/src/components/SearchResultList/SearchResultList.vue b/src/components/SearchResultList/SearchResultList.vue
index f33c7ca..2863f87 100644
--- a/src/components/SearchResultList/SearchResultList.vue
+++ b/src/components/SearchResultList/SearchResultList.vue
@@ -125,12 +125,12 @@ function handleActivity(item) {
     font-weight: 900;
     font-size: 24px;
     line-height: 28px;
-    color: rgba(0, 0, 0, 0.8);
+    color: var(--search-resultTitleColor, rgba(0, 0, 0, 0.8));
     .meta {
       font-weight: 500;
       font-size: 20px;
       line-height: 23px;
-      color: rgba(0, 0, 0, 0.6);
+      color: var(--search-resultMetaColor, rgba(0, 0, 0, 0.6));
     }
   }
   :deep(.bscroll-vertical-scrollbar) {
diff --git a/src/components/Tabs/Tabs.vue b/src/components/Tabs/Tabs.vue
index 57d5582..7f88356 100644
--- a/src/components/Tabs/Tabs.vue
+++ b/src/components/Tabs/Tabs.vue
@@ -30,8 +30,8 @@ function handleTab(index) {
   display: flex;
   width: 100%;
   height: 64px;
-  background: rgba(0, 0, 0, 0.05);
-  border-radius: 12px;
+  background: var(--search-tabsBg, rgba(0, 0, 0, 0.05));
+  border-radius: var(--global-radius, 12px);
   overflow: hidden;
 
   .tab {
@@ -40,10 +40,11 @@ function handleTab(index) {
     display: flex;
     align-items: center;
     justify-content: center;
-    color: rgba(0, 0, 0, 0.6);
+    color: var(--search-tabColor, rgba(0, 0, 0, 0.6));
+    border-radius: var(--global-radius, 12px);
     &.active {
-      background: #ffffff;
-      color: rgba(0, 0, 0, 0.8);
+      background: var(--search-tabActiveBg, #ffffff);
+      color: var(--search-tabActiveColor, rgba(0, 0, 0, 0.8));
     }
   }
 
diff --git a/src/themes/business/delete.png b/src/themes/business/delete.png
new file mode 100644
index 0000000000000000000000000000000000000000..29e2910c6847e0dcef300ab72b3803e6a7fab203
GIT binary patch
literal 668
zcmV;N0%QG&P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0x?NMK~#7F?U_AN
z!!QtqA3rSzfNO*UgoY~6=K|pZ^e8<XAh`esAU!@n(oxaTgaf3b0qxix6lE>1CB;^u
zZ)OKa$nn0>%Wk9qnM@`#Bq!*`NXN5|3-r%c$5O}29PA?CO2<OSC5B_C<Hj5~g`63N
zO`bSdd8vRq9TOzTxnK@iXJ(C&AMeo*Yu7&|E5KRj0g2EifU^!&f^Q^(OF)x#mPiPf
zfTXQc(<C6oIwQ#GGM9xD5MmvLve`*W?xdRgga9}JzSdFrPu#rbm{fBJT5WF;wg6x2
zjF|frcoAmu=5xL5WC{qe&PK<a8CTdB!6jeM+rR^}6Ngrvx9YEL2i0(Gj;-KHEg)9I
zl8CU!y^|-%La`ebiI@xKDFh}@kbo)TH>@@h3K5bgNWjh-+aV6W=m8S&iv6T%)1VMW
zQ?;p4h_t_`SHNCws>xIM(UyFTLIe?YA1JCY@!3MU>b#^+bjECC^neg6xss<3Y|{r@
zAwa~Las8v?OUJD-MkSU+eYCs}S?&dVa%Q#pMA=)$);xN>0pEA*62Dj8?e9Vb{H(OW
zVOdn*OC`4wD|mjD;2`U~qufl_u@K&?s`(O2+*NZ`%e=J}BF4;((yA1DL*o?Cv?D9v
zUzNI8A=oyqJ#lDN>IIj8*bVL|w4DnTh|}PXhU8=}X)8&O*T*P-7f69?^M&+uy1=28
zlAz1)1GbfhU~3O_5kSd5Vz`4{dVW&pvYAXK1N;HC^n(qo71&Dv0000<MNUMnLSTaC
C=_4ut

literal 0
HcmV?d00001

diff --git a/src/themes/business/keyboard.png b/src/themes/business/keyboard.png
new file mode 100644
index 0000000000000000000000000000000000000000..246d306d5dff55108298e424f29ee6d9c924b29a
GIT binary patch
literal 301
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?2=RS;(M3{v?36l5$8
za(7}_cTVOdki(Mh=<CS9u(6-}Pa-Rjf5_9tF{Fa=?ahsXhYWaFFZ3^5v@}hiZ9!`5
znIj@1JO`DwWNNGk>|^VBP$PbL`pNq8EE&;_%C4=9f`ZFtZr-->Mx>6QcYfg(3tK%k
z^}_B7efx-qbsPLI%|5asj?ZjiVRzFUzL?+s{ImZv-C~IL<bU#M)|<L1&x1HO`fg(P
z%HC2o&s+7#GE0WDjfGnn&CW8K<u<H6CbPn~c!B0D<{T}>ZJu8aZ2$jz@t;)ASi$i5
t`e)`Y={_p;F)y>N**0R1qLR=t-g_3Jsz#iTuK|6-;OXk;vd$@?2>@a&ZUO)R

literal 0
HcmV?d00001

diff --git a/src/themes/business/keyboard_active.png b/src/themes/business/keyboard_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..e7682f97cc400c1043b28c669bc8174af101c797
GIT binary patch
literal 304
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?2=RS;(M3{v?36l5$8
za(7}_cTVOdki(Mh=<CS9u(6-}Pa-Rjf7H{(F{Fa=?aht6ha7lVFZeG=Wl&3K)Nwd(
zw#MnGlmVNtfrHm9orcS<?X7;NCcgLnH~Ef*-lHSp;*2gXGtB(n<rHqbp*-!}qqL6_
z>U-JViLoEK5<TZw=P}K$s?W{qS7rq4jCJ$nUiW-`_tpK3rU#}Kvjx5M*=Bror-@U}
zY8&RA#!<V@Efq|<EZ6YufJs(^Z*_w&?}n*2n3rbqhqwYc%15?!8Gm^H{+~*>%tE=s
v(#)jSB71fFI=**jR%{6G7I$$u^n+pDY*C?@Yip+hJ;dPY>gTe~DWM4f#=mn|

literal 0
HcmV?d00001

diff --git a/src/themes/business/style.json b/src/themes/business/style.json
index e3d0e6e..c1fbb93 100644
--- a/src/themes/business/style.json
+++ b/src/themes/business/style.json
@@ -100,7 +100,18 @@
     "barBackground": "#fff",
     "placeholderMetaColor": "rgba(81, 109, 216, 1)",
     "keyboardActiveBg": "linear-gradient(180deg, #435ACD 0%, #749CF3 100%)",
-    "writeColor": "#516DD8"
+    "writeColor": "#516DD8",
+    "topBg": "rgba(255, 255, 255, 0.6)",
+    "facTitleColor": "rgba(0, 0, 0, 0.8)",
+    "facNameColor": "rgba(0, 0, 0, 0.6)",
+    "tabsBg": "rgba(0, 0, 0, 0.05)",
+    "tabActiveBg": "#FFFFFF",
+    "tabColor": "rgba(0, 0, 0, 0.6)",
+    "tabActiveColor": "rgba(0, 0, 0, 0.8)",
+    "resultTitleColor": "rgba(0, 0, 0, 0.8)",
+    "resultMetaColor": "rgba(0, 0, 0, 0.6)",
+    "keyBg": "#FFFFFF",
+    "keyColor": "rgba(0, 0, 0, 0.8)"
   },
   "activities": {
     "btnBg": "linear-gradient(113.71deg, #435ACD 0%, #749CF3 100%)",
diff --git a/src/themes/business/write.png b/src/themes/business/write.png
new file mode 100644
index 0000000000000000000000000000000000000000..d92af074aeac4a3e4ab74162b54a564dce936f20
GIT binary patch
literal 597
zcmV-b0;>IqP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0qRLaK~#7F?U}7k
z#6T2<??NyL3<v}m1PBC>fB=gHjqN*t;3Y5^g4=fh!xLagz+ey<Fo-n>u-ucKNxHl9
z+s?E%VZP*K%PiZRkG3-{OH?TQZ{|rBi=2JVuZkB*0?V9B&JpLBGvK`WJ|sl|<<Hft
zW|IOWBnX(wYrGP3B%c$`sqIY(M*tV=3ul+c7qJQJk&to?G?wT?0O$Gz=biIi8xNI$
zz(@~tEub&hRn7tDmEtAv{+IrtOM&UxW`W`*@Rxs}+9KDLfNiRbkwEz?s+~Td3jx<W
z4?-lcJyRYGC@;41ADs26u^$?j{50$X%#;T?kASWGBj;LeZ`H<KN5XnzmrKA^eyFzf
zd>$fUC5J#rc?~4?I7_v$D2dbpG37zU**1&^OQaNNQvQ(a1WBY4NKt;Iet)Aj=9Nex
zkg7bU&?n9cO-`|pKzZXcLEGnnl;!cd#@R7^&bS7EHUc@yV}H~4KX+=MMw+g~U6#Km
z2TcUTln1c_qRN990deI)sDQ}wAVffHdEgTeT^{(>0nz1wPe62e5W5l&4PzDcR35aw
z7pllz9-L98@}P}CMgH>Oh9)1>la&X)S?HF+G5+61fg^y^=$R6h2dM;H<+GCF`+?rd
jgSG;_mM;_vh5q>isJz5)UCaFn00000NkvXXu0mjfaAg3d

literal 0
HcmV?d00001

diff --git a/src/themes/business/write_active.png b/src/themes/business/write_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..079706f837df5f108f1d9a375ffd45f68d2d46a4
GIT binary patch
literal 593
zcmV-X0<QguP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0p>|WK~#7F?U+4M
z!!Qtq7bvK5060J{5PGPf;T)l&f&=&(<N$C0sHmW#2?u}!go+A!*f-cSilUWdTe6pl
zzL}jko5=It>}vf(R48mWd!&mA#~H^L$2a{m4ms{QmUYZy7HO#f#NTin7`a*f`RZG!
z!GKGAL(s%7>1R%!cG6G*Y}jXx6Z+f4F2qV`*#n(TjL|~q`CE>um0xjOaC~^yqLpT5
zVrT=+hMgLpCNU<~Dm0`4d)iE>y$SsGW+sN(1JbD6=Q!nf;rKN2u07#2wnO>x&G`lh
zhPZcO?GFi6$!$Oq521GJ_)Nfnb6@0aAxZoL$7OwNP844|i8pq+4EV%X^>H)LV@!zT
zXrUPKCa!CO)J_|u9;0o=BR6&Ar4hS9$`<M({+wi@+9_29Qi#W#zq4||N~EYjD)H#~
z$NGGxU{nGXa6S|Ctw2ignDY>R>{z!Vfj$Ouh{yTt+v!DpPA6T*=#b(U<e`fJHR3^A
z1FFP>HU`v*2eAfJiU%<U)QSfo1FFS?kO91_R4X2YE@Z03gHQ#Q*7qaFe<~VDJm`Bb
zRFPjixS~wrK_3GZg~fwwT7R-iCLXkHAs@aMQq6t+6D1T6QW=POC76X2Ph_Ks2Yn5U
fD!x!C6vpQlE-$=Y3?mD600000NkvXXu0mjf)5ZGu

literal 0
HcmV?d00001

diff --git a/src/themes/dark/delete.png b/src/themes/dark/delete.png
new file mode 100644
index 0000000000000000000000000000000000000000..48e2b0ac813aeb355f0be48e39fbd7783d241b58
GIT binary patch
literal 560
zcmV-00?+-4P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0mVr~K~#7F?U{{j
zgD?<<ADtlGfKF0IXeS^ebc1w*j^J*PY>-jf4ax@Bv+7C?ao~I=*hu~)WXU?4d+_id
zK&4WtYz89g`1+wdeDT$fb7~@zZ@D=0)gm85(=?BM#RKFVkT-eDZd@S}z)yeA#U5M4
zTF3eC!jD*q@rQs|xQz*XP%Ty>Nr1IZAo&AUL@gk<b-X;(0t{uej+aNgfE4R+Tn8bN
z*k}PM*5SBM7vBqF{~wZ>iHjCsNMRi>d72YJ*KgQN#L5Mb(mM3FMhejj?_ud~^eq!W
ziKEU$Vtq_ZpkJ{76X>`_1XBrWk{1i01t+YDM5B`z37|VnSV9p!1V{vY1Uhe#$czY4
z@)7}dIX#T(25boywWI58;u#6hnig_FFM%7pK>@A(5qp8hQLKF{Eh3;?!>9{PvJ&N<
z$Xu|>N>sv9!fT+i5|yx+a}Cs1q7s(Vu913F;<#rBp?hp-yoSl6(h{TySbT!hpcdd7
zFE+txNfO{X$ZDk}1Z1_+oB+}By0sD)M-%`buV3UWI-TY=CoWDXkeDAF_H5qn)ON_n
yH$TiLze4<jgB#k7&a3SNd9e3?N2OA!6vZz?t2>Mh_7>~_0000<MNUMnLSTY^9_8Qw

literal 0
HcmV?d00001

diff --git a/src/themes/dark/keyboard.png b/src/themes/dark/keyboard.png
new file mode 100644
index 0000000000000000000000000000000000000000..cdef44cad0f448cb4ee54ad0eb08837ff55d5e30
GIT binary patch
literal 288
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?2=RS;(M3{v?36l5$8
za(7}_cTVOdki(Mh=<CS9u(6-}Pa-Rjztz*lF{Fa=?Tv?=hYSST9(M0&klrzK-2=9~
zDDw@{b3V?O<J2_yqWAW<gGS4r6W8w*1_&~6xQ4#3+-o{dbN%eS`C2S9K0VelJgd3%
z^m{kW2CoFm1NZ0p8|^55-Qc@tYnUs~e^!nMYi}}7TYEC9|BGF?GiRlB9KX)mi}#*q
zX(;BOVSIMLi{-;HnGbFZ`KzBh<ezE0Xu!TF(COZ{`^*>rhrQp_lGgb;)!d6wZfP@P
gP5hf+28Aj7SCh}b&n|!a1?T|=Pgg&ebxsLQ00Av<A^-pY

literal 0
HcmV?d00001

diff --git a/src/themes/dark/keyboard_active.png b/src/themes/dark/keyboard_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..e7682f97cc400c1043b28c669bc8174af101c797
GIT binary patch
literal 304
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?2=RS;(M3{v?36l5$8
za(7}_cTVOdki(Mh=<CS9u(6-}Pa-Rjf7H{(F{Fa=?aht6ha7lVFZeG=Wl&3K)Nwd(
zw#MnGlmVNtfrHm9orcS<?X7;NCcgLnH~Ef*-lHSp;*2gXGtB(n<rHqbp*-!}qqL6_
z>U-JViLoEK5<TZw=P}K$s?W{qS7rq4jCJ$nUiW-`_tpK3rU#}Kvjx5M*=Bror-@U}
zY8&RA#!<V@Efq|<EZ6YufJs(^Z*_w&?}n*2n3rbqhqwYc%15?!8Gm^H{+~*>%tE=s
v(#)jSB71fFI=**jR%{6G7I$$u^n+pDY*C?@Yip+hJ;dPY>gTe~DWM4f#=mn|

literal 0
HcmV?d00001

diff --git a/src/themes/dark/style.json b/src/themes/dark/style.json
index 28f711b..6bf60ab 100644
--- a/src/themes/dark/style.json
+++ b/src/themes/dark/style.json
@@ -100,7 +100,18 @@
     "barBackground": "#fff",
     "placeholderMetaColor": "rgba(81, 109, 216, 1)",
     "keyboardActiveBg": "linear-gradient(180deg, #435ACD 0%, #749CF3 100%)",
-    "writeColor": "#516DD8"
+    "writeColor": "#516DD8",
+    "topBg": "rgba(0, 0, 0, 0.2)",
+    "facTitleColor": "#FFFFFF",
+    "facNameColor": "rgba(255, 255, 255, 0.8)",
+    "tabsBg": "rgba(0, 0, 0, 0.2)",
+    "tabActiveBg": "#FFFFFF",
+    "tabColor": "#FFFFFF",
+    "tabActiveColor": "rgba(0, 0, 0, 0.8)",
+    "resultTitleColor": "#FFFFFF",
+    "resultMetaColor": "rgba(255, 255, 255, 0.8)",
+    "keyBg": "rgba(0, 0, 0, 0.2)",
+    "keyColor": "#FFFFFF"
   },
   "activities": {
     "btnBg": "linear-gradient(113.71deg, #435ACD 0%, #749CF3 100%)",
diff --git a/src/themes/dark/write.png b/src/themes/dark/write.png
new file mode 100644
index 0000000000000000000000000000000000000000..2aa798e014048763285fe28b4bcacff28823a51f
GIT binary patch
literal 373
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?2=RS;(M3{v?36l5$8
za(7}_cTVOdki(Mh=<CS9u(6-}Pa-Q&j?2@<F{Fa=?aV~pLk0qF{!BtzjGPt@Ocs)S
z6Ab1kBnqi9axV4NON_ks)ofR`{?E8e_FJCZ%l?+F%*0^Q{QaNEHCr9`YaN#od;cA8
zUb8_VUp>k7o?D9ogP_)o&V-AKYl@Tf#S0fkonf)JR$dp<+;Zbu$B)^{xklTydNYFJ
zq%O|+v%&DtL^JJAw(rX?ag-K)nq2(W)#Iu9^P~NjAHJDT|I=ibVC&OTWv-LQ|Jz?x
z<~n74@4fgpYpW*aC+BM(7w3gYx&HjLoxk#gv)rc%)7g5`o>s1i{kfE3lZrm)iIbma
zmWx)(&EuJH;`7cQ7n1^}KYti4QTyoaK@}(edF=mn<3%rj61@D0fnmWR@pX}FraV6q
RybKsh44$rjF6*2UngE@7m0|z@

literal 0
HcmV?d00001

diff --git a/src/themes/dark/write_active.png b/src/themes/dark/write_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..079706f837df5f108f1d9a375ffd45f68d2d46a4
GIT binary patch
literal 593
zcmV-X0<QguP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0p>|WK~#7F?U+4M
z!!Qtq7bvK5060J{5PGPf;T)l&f&=&(<N$C0sHmW#2?u}!go+A!*f-cSilUWdTe6pl
zzL}jko5=It>}vf(R48mWd!&mA#~H^L$2a{m4ms{QmUYZy7HO#f#NTin7`a*f`RZG!
z!GKGAL(s%7>1R%!cG6G*Y}jXx6Z+f4F2qV`*#n(TjL|~q`CE>um0xjOaC~^yqLpT5
zVrT=+hMgLpCNU<~Dm0`4d)iE>y$SsGW+sN(1JbD6=Q!nf;rKN2u07#2wnO>x&G`lh
zhPZcO?GFi6$!$Oq521GJ_)Nfnb6@0aAxZoL$7OwNP844|i8pq+4EV%X^>H)LV@!zT
zXrUPKCa!CO)J_|u9;0o=BR6&Ar4hS9$`<M({+wi@+9_29Qi#W#zq4||N~EYjD)H#~
z$NGGxU{nGXa6S|Ctw2ignDY>R>{z!Vfj$Ouh{yTt+v!DpPA6T*=#b(U<e`fJHR3^A
z1FFP>HU`v*2eAfJiU%<U)QSfo1FFS?kO91_R4X2YE@Z03gHQ#Q*7qaFe<~VDJm`Bb
zRFPjixS~wrK_3GZg~fwwT7R-iCLXkHAs@aMQq6t+6D1T6QW=POC76X2Ph_Ks2Yn5U
fD!x!C6vpQlE-$=Y3?mD600000NkvXXu0mjf)5ZGu

literal 0
HcmV?d00001

diff --git a/src/themes/fashion/delete.png b/src/themes/fashion/delete.png
new file mode 100644
index 0000000000000000000000000000000000000000..29e2910c6847e0dcef300ab72b3803e6a7fab203
GIT binary patch
literal 668
zcmV;N0%QG&P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0x?NMK~#7F?U_AN
z!!QtqA3rSzfNO*UgoY~6=K|pZ^e8<XAh`esAU!@n(oxaTgaf3b0qxix6lE>1CB;^u
zZ)OKa$nn0>%Wk9qnM@`#Bq!*`NXN5|3-r%c$5O}29PA?CO2<OSC5B_C<Hj5~g`63N
zO`bSdd8vRq9TOzTxnK@iXJ(C&AMeo*Yu7&|E5KRj0g2EifU^!&f^Q^(OF)x#mPiPf
zfTXQc(<C6oIwQ#GGM9xD5MmvLve`*W?xdRgga9}JzSdFrPu#rbm{fBJT5WF;wg6x2
zjF|frcoAmu=5xL5WC{qe&PK<a8CTdB!6jeM+rR^}6Ngrvx9YEL2i0(Gj;-KHEg)9I
zl8CU!y^|-%La`ebiI@xKDFh}@kbo)TH>@@h3K5bgNWjh-+aV6W=m8S&iv6T%)1VMW
zQ?;p4h_t_`SHNCws>xIM(UyFTLIe?YA1JCY@!3MU>b#^+bjECC^neg6xss<3Y|{r@
zAwa~Las8v?OUJD-MkSU+eYCs}S?&dVa%Q#pMA=)$);xN>0pEA*62Dj8?e9Vb{H(OW
zVOdn*OC`4wD|mjD;2`U~qufl_u@K&?s`(O2+*NZ`%e=J}BF4;((yA1DL*o?Cv?D9v
zUzNI8A=oyqJ#lDN>IIj8*bVL|w4DnTh|}PXhU8=}X)8&O*T*P-7f69?^M&+uy1=28
zlAz1)1GbfhU~3O_5kSd5Vz`4{dVW&pvYAXK1N;HC^n(qo71&Dv0000<MNUMnLSTaC
C=_4ut

literal 0
HcmV?d00001

diff --git a/src/themes/fashion/keyboard.png b/src/themes/fashion/keyboard.png
new file mode 100644
index 0000000000000000000000000000000000000000..246d306d5dff55108298e424f29ee6d9c924b29a
GIT binary patch
literal 301
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?2=RS;(M3{v?36l5$8
za(7}_cTVOdki(Mh=<CS9u(6-}Pa-Rjf5_9tF{Fa=?ahsXhYWaFFZ3^5v@}hiZ9!`5
znIj@1JO`DwWNNGk>|^VBP$PbL`pNq8EE&;_%C4=9f`ZFtZr-->Mx>6QcYfg(3tK%k
z^}_B7efx-qbsPLI%|5asj?ZjiVRzFUzL?+s{ImZv-C~IL<bU#M)|<L1&x1HO`fg(P
z%HC2o&s+7#GE0WDjfGnn&CW8K<u<H6CbPn~c!B0D<{T}>ZJu8aZ2$jz@t;)ASi$i5
t`e)`Y={_p;F)y>N**0R1qLR=t-g_3Jsz#iTuK|6-;OXk;vd$@?2>@a&ZUO)R

literal 0
HcmV?d00001

diff --git a/src/themes/fashion/keyboard_active.png b/src/themes/fashion/keyboard_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..e7682f97cc400c1043b28c669bc8174af101c797
GIT binary patch
literal 304
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?2=RS;(M3{v?36l5$8
za(7}_cTVOdki(Mh=<CS9u(6-}Pa-Rjf7H{(F{Fa=?aht6ha7lVFZeG=Wl&3K)Nwd(
zw#MnGlmVNtfrHm9orcS<?X7;NCcgLnH~Ef*-lHSp;*2gXGtB(n<rHqbp*-!}qqL6_
z>U-JViLoEK5<TZw=P}K$s?W{qS7rq4jCJ$nUiW-`_tpK3rU#}Kvjx5M*=Bror-@U}
zY8&RA#!<V@Efq|<EZ6YufJs(^Z*_w&?}n*2n3rbqhqwYc%15?!8Gm^H{+~*>%tE=s
v(#)jSB71fFI=**jR%{6G7I$$u^n+pDY*C?@Yip+hJ;dPY>gTe~DWM4f#=mn|

literal 0
HcmV?d00001

diff --git a/src/themes/fashion/style.json b/src/themes/fashion/style.json
index ef19df6..373e132 100644
--- a/src/themes/fashion/style.json
+++ b/src/themes/fashion/style.json
@@ -100,7 +100,18 @@
     "barBackground": "#FFFFFF",
     "placeholderMetaColor": "rgba(81, 109, 216, 1)",
     "keyboardActiveBg": "linear-gradient(180deg, #435ACD 0%, #749CF3 100%)",
-    "writeColor": "#516DD8"
+    "writeColor": "#516DD8",
+    "topBg": "rgba(255, 255, 255, 0.6)",
+    "facTitleColor": "rgba(0, 0, 0, 0.8)",
+    "facNameColor": "rgba(0, 0, 0, 0.6)",
+    "tabsBg": "rgba(0, 0, 0, 0.05)",
+    "tabActiveBg": "#FFFFFF",
+    "tabColor": "rgba(0, 0, 0, 0.6)",
+    "tabActiveColor": "rgba(0, 0, 0, 0.8)",
+    "resultTitleColor": "rgba(0, 0, 0, 0.8)",
+    "resultMetaColor": "rgba(0, 0, 0, 0.6)",
+    "keyBg": "#FFFFFF",
+    "keyColor": "rgba(0, 0, 0, 0.8)"
   },
   "activities": {
     "btnBg": "linear-gradient(113.71deg, #435ACD 0%, #749CF3 100%)",
diff --git a/src/themes/fashion/write.png b/src/themes/fashion/write.png
new file mode 100644
index 0000000000000000000000000000000000000000..d92af074aeac4a3e4ab74162b54a564dce936f20
GIT binary patch
literal 597
zcmV-b0;>IqP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0qRLaK~#7F?U}7k
z#6T2<??NyL3<v}m1PBC>fB=gHjqN*t;3Y5^g4=fh!xLagz+ey<Fo-n>u-ucKNxHl9
z+s?E%VZP*K%PiZRkG3-{OH?TQZ{|rBi=2JVuZkB*0?V9B&JpLBGvK`WJ|sl|<<Hft
zW|IOWBnX(wYrGP3B%c$`sqIY(M*tV=3ul+c7qJQJk&to?G?wT?0O$Gz=biIi8xNI$
zz(@~tEub&hRn7tDmEtAv{+IrtOM&UxW`W`*@Rxs}+9KDLfNiRbkwEz?s+~Td3jx<W
z4?-lcJyRYGC@;41ADs26u^$?j{50$X%#;T?kASWGBj;LeZ`H<KN5XnzmrKA^eyFzf
zd>$fUC5J#rc?~4?I7_v$D2dbpG37zU**1&^OQaNNQvQ(a1WBY4NKt;Iet)Aj=9Nex
zkg7bU&?n9cO-`|pKzZXcLEGnnl;!cd#@R7^&bS7EHUc@yV}H~4KX+=MMw+g~U6#Km
z2TcUTln1c_qRN990deI)sDQ}wAVffHdEgTeT^{(>0nz1wPe62e5W5l&4PzDcR35aw
z7pllz9-L98@}P}CMgH>Oh9)1>la&X)S?HF+G5+61fg^y^=$R6h2dM;H<+GCF`+?rd
jgSG;_mM;_vh5q>isJz5)UCaFn00000NkvXXu0mjfaAg3d

literal 0
HcmV?d00001

diff --git a/src/themes/fashion/write_active.png b/src/themes/fashion/write_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..079706f837df5f108f1d9a375ffd45f68d2d46a4
GIT binary patch
literal 593
zcmV-X0<QguP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0p>|WK~#7F?U+4M
z!!Qtq7bvK5060J{5PGPf;T)l&f&=&(<N$C0sHmW#2?u}!go+A!*f-cSilUWdTe6pl
zzL}jko5=It>}vf(R48mWd!&mA#~H^L$2a{m4ms{QmUYZy7HO#f#NTin7`a*f`RZG!
z!GKGAL(s%7>1R%!cG6G*Y}jXx6Z+f4F2qV`*#n(TjL|~q`CE>um0xjOaC~^yqLpT5
zVrT=+hMgLpCNU<~Dm0`4d)iE>y$SsGW+sN(1JbD6=Q!nf;rKN2u07#2wnO>x&G`lh
zhPZcO?GFi6$!$Oq521GJ_)Nfnb6@0aAxZoL$7OwNP844|i8pq+4EV%X^>H)LV@!zT
zXrUPKCa!CO)J_|u9;0o=BR6&Ar4hS9$`<M({+wi@+9_29Qi#W#zq4||N~EYjD)H#~
z$NGGxU{nGXa6S|Ctw2ignDY>R>{z!Vfj$Ouh{yTt+v!DpPA6T*=#b(U<e`fJHR3^A
z1FFP>HU`v*2eAfJiU%<U)QSfo1FFS?kO91_R4X2YE@Z03gHQ#Q*7qaFe<~VDJm`Bb
zRFPjixS~wrK_3GZg~fwwT7R-iCLXkHAs@aMQq6t+6D1T6QW=POC76X2Ph_Ks2Yn5U
fD!x!C6vpQlE-$=Y3?mD600000NkvXXu0mjf)5ZGu

literal 0
HcmV?d00001

diff --git a/src/themes/highend/delete.png b/src/themes/highend/delete.png
new file mode 100644
index 0000000000000000000000000000000000000000..29e2910c6847e0dcef300ab72b3803e6a7fab203
GIT binary patch
literal 668
zcmV;N0%QG&P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0x?NMK~#7F?U_AN
z!!QtqA3rSzfNO*UgoY~6=K|pZ^e8<XAh`esAU!@n(oxaTgaf3b0qxix6lE>1CB;^u
zZ)OKa$nn0>%Wk9qnM@`#Bq!*`NXN5|3-r%c$5O}29PA?CO2<OSC5B_C<Hj5~g`63N
zO`bSdd8vRq9TOzTxnK@iXJ(C&AMeo*Yu7&|E5KRj0g2EifU^!&f^Q^(OF)x#mPiPf
zfTXQc(<C6oIwQ#GGM9xD5MmvLve`*W?xdRgga9}JzSdFrPu#rbm{fBJT5WF;wg6x2
zjF|frcoAmu=5xL5WC{qe&PK<a8CTdB!6jeM+rR^}6Ngrvx9YEL2i0(Gj;-KHEg)9I
zl8CU!y^|-%La`ebiI@xKDFh}@kbo)TH>@@h3K5bgNWjh-+aV6W=m8S&iv6T%)1VMW
zQ?;p4h_t_`SHNCws>xIM(UyFTLIe?YA1JCY@!3MU>b#^+bjECC^neg6xss<3Y|{r@
zAwa~Las8v?OUJD-MkSU+eYCs}S?&dVa%Q#pMA=)$);xN>0pEA*62Dj8?e9Vb{H(OW
zVOdn*OC`4wD|mjD;2`U~qufl_u@K&?s`(O2+*NZ`%e=J}BF4;((yA1DL*o?Cv?D9v
zUzNI8A=oyqJ#lDN>IIj8*bVL|w4DnTh|}PXhU8=}X)8&O*T*P-7f69?^M&+uy1=28
zlAz1)1GbfhU~3O_5kSd5Vz`4{dVW&pvYAXK1N;HC^n(qo71&Dv0000<MNUMnLSTaC
C=_4ut

literal 0
HcmV?d00001

diff --git a/src/themes/highend/keyboard.png b/src/themes/highend/keyboard.png
new file mode 100644
index 0000000000000000000000000000000000000000..246d306d5dff55108298e424f29ee6d9c924b29a
GIT binary patch
literal 301
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?2=RS;(M3{v?36l5$8
za(7}_cTVOdki(Mh=<CS9u(6-}Pa-Rjf5_9tF{Fa=?ahsXhYWaFFZ3^5v@}hiZ9!`5
znIj@1JO`DwWNNGk>|^VBP$PbL`pNq8EE&;_%C4=9f`ZFtZr-->Mx>6QcYfg(3tK%k
z^}_B7efx-qbsPLI%|5asj?ZjiVRzFUzL?+s{ImZv-C~IL<bU#M)|<L1&x1HO`fg(P
z%HC2o&s+7#GE0WDjfGnn&CW8K<u<H6CbPn~c!B0D<{T}>ZJu8aZ2$jz@t;)ASi$i5
t`e)`Y={_p;F)y>N**0R1qLR=t-g_3Jsz#iTuK|6-;OXk;vd$@?2>@a&ZUO)R

literal 0
HcmV?d00001

diff --git a/src/themes/highend/keyboard_active.png b/src/themes/highend/keyboard_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..e7682f97cc400c1043b28c669bc8174af101c797
GIT binary patch
literal 304
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?2=RS;(M3{v?36l5$8
za(7}_cTVOdki(Mh=<CS9u(6-}Pa-Rjf7H{(F{Fa=?aht6ha7lVFZeG=Wl&3K)Nwd(
zw#MnGlmVNtfrHm9orcS<?X7;NCcgLnH~Ef*-lHSp;*2gXGtB(n<rHqbp*-!}qqL6_
z>U-JViLoEK5<TZw=P}K$s?W{qS7rq4jCJ$nUiW-`_tpK3rU#}Kvjx5M*=Bror-@U}
zY8&RA#!<V@Efq|<EZ6YufJs(^Z*_w&?}n*2n3rbqhqwYc%15?!8Gm^H{+~*>%tE=s
v(#)jSB71fFI=**jR%{6G7I$$u^n+pDY*C?@Yip+hJ;dPY>gTe~DWM4f#=mn|

literal 0
HcmV?d00001

diff --git a/src/themes/highend/style.json b/src/themes/highend/style.json
index da6f25e..88a2302 100644
--- a/src/themes/highend/style.json
+++ b/src/themes/highend/style.json
@@ -100,7 +100,18 @@
     "barBackground": "#4D4441",
     "placeholderMetaColor": "rgba(211, 171, 128, 1)",
     "keyboardActiveBg": "linear-gradient(180deg, #BA9B7A 0%, #DBC2A1 100%)",
-    "writeColor": "#E4CEB1"
+    "writeColor": "#E4CEB1",
+    "topBg": "rgba(255, 255, 255, 0.6)",
+    "facTitleColor": "rgba(0, 0, 0, 0.8)",
+    "facNameColor": "rgba(0, 0, 0, 0.6)",
+    "tabsBg": "rgba(0, 0, 0, 0.05)",
+    "tabActiveBg": "#FFFFFF",
+    "tabColor": "rgba(0, 0, 0, 0.6)",
+    "tabActiveColor": "rgba(0, 0, 0, 0.8)",
+    "resultTitleColor": "rgba(0, 0, 0, 0.8)",
+    "resultMetaColor": "rgba(0, 0, 0, 0.6)",
+    "keyBg": "#FFFFFF",
+    "keyColor": "rgba(0, 0, 0, 0.8)"
   },
   "activities": {
     "btnBg": "linear-gradient(90deg, #BA9B7A 0%, #DBC2A1 100%)",
diff --git a/src/themes/highend/write.png b/src/themes/highend/write.png
new file mode 100644
index 0000000000000000000000000000000000000000..d92af074aeac4a3e4ab74162b54a564dce936f20
GIT binary patch
literal 597
zcmV-b0;>IqP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0qRLaK~#7F?U}7k
z#6T2<??NyL3<v}m1PBC>fB=gHjqN*t;3Y5^g4=fh!xLagz+ey<Fo-n>u-ucKNxHl9
z+s?E%VZP*K%PiZRkG3-{OH?TQZ{|rBi=2JVuZkB*0?V9B&JpLBGvK`WJ|sl|<<Hft
zW|IOWBnX(wYrGP3B%c$`sqIY(M*tV=3ul+c7qJQJk&to?G?wT?0O$Gz=biIi8xNI$
zz(@~tEub&hRn7tDmEtAv{+IrtOM&UxW`W`*@Rxs}+9KDLfNiRbkwEz?s+~Td3jx<W
z4?-lcJyRYGC@;41ADs26u^$?j{50$X%#;T?kASWGBj;LeZ`H<KN5XnzmrKA^eyFzf
zd>$fUC5J#rc?~4?I7_v$D2dbpG37zU**1&^OQaNNQvQ(a1WBY4NKt;Iet)Aj=9Nex
zkg7bU&?n9cO-`|pKzZXcLEGnnl;!cd#@R7^&bS7EHUc@yV}H~4KX+=MMw+g~U6#Km
z2TcUTln1c_qRN990deI)sDQ}wAVffHdEgTeT^{(>0nz1wPe62e5W5l&4PzDcR35aw
z7pllz9-L98@}P}CMgH>Oh9)1>la&X)S?HF+G5+61fg^y^=$R6h2dM;H<+GCF`+?rd
jgSG;_mM;_vh5q>isJz5)UCaFn00000NkvXXu0mjfaAg3d

literal 0
HcmV?d00001

diff --git a/src/themes/highend/write_active.png b/src/themes/highend/write_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..079706f837df5f108f1d9a375ffd45f68d2d46a4
GIT binary patch
literal 593
zcmV-X0<QguP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0p>|WK~#7F?U+4M
z!!Qtq7bvK5060J{5PGPf;T)l&f&=&(<N$C0sHmW#2?u}!go+A!*f-cSilUWdTe6pl
zzL}jko5=It>}vf(R48mWd!&mA#~H^L$2a{m4ms{QmUYZy7HO#f#NTin7`a*f`RZG!
z!GKGAL(s%7>1R%!cG6G*Y}jXx6Z+f4F2qV`*#n(TjL|~q`CE>um0xjOaC~^yqLpT5
zVrT=+hMgLpCNU<~Dm0`4d)iE>y$SsGW+sN(1JbD6=Q!nf;rKN2u07#2wnO>x&G`lh
zhPZcO?GFi6$!$Oq521GJ_)Nfnb6@0aAxZoL$7OwNP844|i8pq+4EV%X^>H)LV@!zT
zXrUPKCa!CO)J_|u9;0o=BR6&Ar4hS9$`<M({+wi@+9_29Qi#W#zq4||N~EYjD)H#~
z$NGGxU{nGXa6S|Ctw2ignDY>R>{z!Vfj$Ouh{yTt+v!DpPA6T*=#b(U<e`fJHR3^A
z1FFP>HU`v*2eAfJiU%<U)QSfo1FFS?kO91_R4X2YE@Z03gHQ#Q*7qaFe<~VDJm`Bb
zRFPjixS~wrK_3GZg~fwwT7R-iCLXkHAs@aMQq6t+6D1T6QW=POC76X2Ph_Ks2Yn5U
fD!x!C6vpQlE-$=Y3?mD600000NkvXXu0mjf)5ZGu

literal 0
HcmV?d00001

diff --git a/src/themes/luxury/delete.png b/src/themes/luxury/delete.png
new file mode 100644
index 0000000000000000000000000000000000000000..29e2910c6847e0dcef300ab72b3803e6a7fab203
GIT binary patch
literal 668
zcmV;N0%QG&P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0x?NMK~#7F?U_AN
z!!QtqA3rSzfNO*UgoY~6=K|pZ^e8<XAh`esAU!@n(oxaTgaf3b0qxix6lE>1CB;^u
zZ)OKa$nn0>%Wk9qnM@`#Bq!*`NXN5|3-r%c$5O}29PA?CO2<OSC5B_C<Hj5~g`63N
zO`bSdd8vRq9TOzTxnK@iXJ(C&AMeo*Yu7&|E5KRj0g2EifU^!&f^Q^(OF)x#mPiPf
zfTXQc(<C6oIwQ#GGM9xD5MmvLve`*W?xdRgga9}JzSdFrPu#rbm{fBJT5WF;wg6x2
zjF|frcoAmu=5xL5WC{qe&PK<a8CTdB!6jeM+rR^}6Ngrvx9YEL2i0(Gj;-KHEg)9I
zl8CU!y^|-%La`ebiI@xKDFh}@kbo)TH>@@h3K5bgNWjh-+aV6W=m8S&iv6T%)1VMW
zQ?;p4h_t_`SHNCws>xIM(UyFTLIe?YA1JCY@!3MU>b#^+bjECC^neg6xss<3Y|{r@
zAwa~Las8v?OUJD-MkSU+eYCs}S?&dVa%Q#pMA=)$);xN>0pEA*62Dj8?e9Vb{H(OW
zVOdn*OC`4wD|mjD;2`U~qufl_u@K&?s`(O2+*NZ`%e=J}BF4;((yA1DL*o?Cv?D9v
zUzNI8A=oyqJ#lDN>IIj8*bVL|w4DnTh|}PXhU8=}X)8&O*T*P-7f69?^M&+uy1=28
zlAz1)1GbfhU~3O_5kSd5Vz`4{dVW&pvYAXK1N;HC^n(qo71&Dv0000<MNUMnLSTaC
C=_4ut

literal 0
HcmV?d00001

diff --git a/src/themes/luxury/keyboard.png b/src/themes/luxury/keyboard.png
new file mode 100644
index 0000000000000000000000000000000000000000..246d306d5dff55108298e424f29ee6d9c924b29a
GIT binary patch
literal 301
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?2=RS;(M3{v?36l5$8
za(7}_cTVOdki(Mh=<CS9u(6-}Pa-Rjf5_9tF{Fa=?ahsXhYWaFFZ3^5v@}hiZ9!`5
znIj@1JO`DwWNNGk>|^VBP$PbL`pNq8EE&;_%C4=9f`ZFtZr-->Mx>6QcYfg(3tK%k
z^}_B7efx-qbsPLI%|5asj?ZjiVRzFUzL?+s{ImZv-C~IL<bU#M)|<L1&x1HO`fg(P
z%HC2o&s+7#GE0WDjfGnn&CW8K<u<H6CbPn~c!B0D<{T}>ZJu8aZ2$jz@t;)ASi$i5
t`e)`Y={_p;F)y>N**0R1qLR=t-g_3Jsz#iTuK|6-;OXk;vd$@?2>@a&ZUO)R

literal 0
HcmV?d00001

diff --git a/src/themes/luxury/keyboard_active.png b/src/themes/luxury/keyboard_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..e7682f97cc400c1043b28c669bc8174af101c797
GIT binary patch
literal 304
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?2=RS;(M3{v?36l5$8
za(7}_cTVOdki(Mh=<CS9u(6-}Pa-Rjf7H{(F{Fa=?aht6ha7lVFZeG=Wl&3K)Nwd(
zw#MnGlmVNtfrHm9orcS<?X7;NCcgLnH~Ef*-lHSp;*2gXGtB(n<rHqbp*-!}qqL6_
z>U-JViLoEK5<TZw=P}K$s?W{qS7rq4jCJ$nUiW-`_tpK3rU#}Kvjx5M*=Bror-@U}
zY8&RA#!<V@Efq|<EZ6YufJs(^Z*_w&?}n*2n3rbqhqwYc%15?!8Gm^H{+~*>%tE=s
v(#)jSB71fFI=**jR%{6G7I$$u^n+pDY*C?@Yip+hJ;dPY>gTe~DWM4f#=mn|

literal 0
HcmV?d00001

diff --git a/src/themes/luxury/style.json b/src/themes/luxury/style.json
index 9175830..5aa1a3a 100644
--- a/src/themes/luxury/style.json
+++ b/src/themes/luxury/style.json
@@ -100,7 +100,18 @@
     "barBackground": "#fff",
     "placeholderMetaColor": "rgba(211, 171, 128, 1)",
     "keyboardActiveBg": "linear-gradient(180deg, #D2A97E 0%, #EDD59E 100%)",
-    "writeColor": "#D3AB80"
+    "writeColor": "#D3AB80",
+    "topBg": "rgba(255, 255, 255, 0.6)",
+    "facTitleColor": "rgba(0, 0, 0, 0.8)",
+    "facNameColor": "rgba(0, 0, 0, 0.6)",
+    "tabsBg": "rgba(0, 0, 0, 0.05)",
+    "tabActiveBg": "#FFFFFF",
+    "tabColor": "rgba(0, 0, 0, 0.6)",
+    "tabActiveColor": "rgba(0, 0, 0, 0.8)",
+    "resultTitleColor": "rgba(0, 0, 0, 0.8)",
+    "resultMetaColor": "rgba(0, 0, 0, 0.6)",
+    "keyBg": "#FFFFFF",
+    "keyColor": "rgba(0, 0, 0, 0.8)"
   },
   "activities": {
     "btnBg": "#D3AB80",
diff --git a/src/themes/luxury/write.png b/src/themes/luxury/write.png
new file mode 100644
index 0000000000000000000000000000000000000000..d92af074aeac4a3e4ab74162b54a564dce936f20
GIT binary patch
literal 597
zcmV-b0;>IqP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0qRLaK~#7F?U}7k
z#6T2<??NyL3<v}m1PBC>fB=gHjqN*t;3Y5^g4=fh!xLagz+ey<Fo-n>u-ucKNxHl9
z+s?E%VZP*K%PiZRkG3-{OH?TQZ{|rBi=2JVuZkB*0?V9B&JpLBGvK`WJ|sl|<<Hft
zW|IOWBnX(wYrGP3B%c$`sqIY(M*tV=3ul+c7qJQJk&to?G?wT?0O$Gz=biIi8xNI$
zz(@~tEub&hRn7tDmEtAv{+IrtOM&UxW`W`*@Rxs}+9KDLfNiRbkwEz?s+~Td3jx<W
z4?-lcJyRYGC@;41ADs26u^$?j{50$X%#;T?kASWGBj;LeZ`H<KN5XnzmrKA^eyFzf
zd>$fUC5J#rc?~4?I7_v$D2dbpG37zU**1&^OQaNNQvQ(a1WBY4NKt;Iet)Aj=9Nex
zkg7bU&?n9cO-`|pKzZXcLEGnnl;!cd#@R7^&bS7EHUc@yV}H~4KX+=MMw+g~U6#Km
z2TcUTln1c_qRN990deI)sDQ}wAVffHdEgTeT^{(>0nz1wPe62e5W5l&4PzDcR35aw
z7pllz9-L98@}P}CMgH>Oh9)1>la&X)S?HF+G5+61fg^y^=$R6h2dM;H<+GCF`+?rd
jgSG;_mM;_vh5q>isJz5)UCaFn00000NkvXXu0mjfaAg3d

literal 0
HcmV?d00001

diff --git a/src/themes/luxury/write_active.png b/src/themes/luxury/write_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..079706f837df5f108f1d9a375ffd45f68d2d46a4
GIT binary patch
literal 593
zcmV-X0<QguP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0p>|WK~#7F?U+4M
z!!Qtq7bvK5060J{5PGPf;T)l&f&=&(<N$C0sHmW#2?u}!go+A!*f-cSilUWdTe6pl
zzL}jko5=It>}vf(R48mWd!&mA#~H^L$2a{m4ms{QmUYZy7HO#f#NTin7`a*f`RZG!
z!GKGAL(s%7>1R%!cG6G*Y}jXx6Z+f4F2qV`*#n(TjL|~q`CE>um0xjOaC~^yqLpT5
zVrT=+hMgLpCNU<~Dm0`4d)iE>y$SsGW+sN(1JbD6=Q!nf;rKN2u07#2wnO>x&G`lh
zhPZcO?GFi6$!$Oq521GJ_)Nfnb6@0aAxZoL$7OwNP844|i8pq+4EV%X^>H)LV@!zT
zXrUPKCa!CO)J_|u9;0o=BR6&Ar4hS9$`<M({+wi@+9_29Qi#W#zq4||N~EYjD)H#~
z$NGGxU{nGXa6S|Ctw2ignDY>R>{z!Vfj$Ouh{yTt+v!DpPA6T*=#b(U<e`fJHR3^A
z1FFP>HU`v*2eAfJiU%<U)QSfo1FFS?kO91_R4X2YE@Z03gHQ#Q*7qaFe<~VDJm`Bb
zRFPjixS~wrK_3GZg~fwwT7R-iCLXkHAs@aMQq6t+6D1T6QW=POC76X2Ph_Ks2Yn5U
fD!x!C6vpQlE-$=Y3?mD600000NkvXXu0mjf)5ZGu

literal 0
HcmV?d00001

diff --git a/src/themes/main/delete.png b/src/themes/main/delete.png
new file mode 100644
index 0000000000000000000000000000000000000000..29e2910c6847e0dcef300ab72b3803e6a7fab203
GIT binary patch
literal 668
zcmV;N0%QG&P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0x?NMK~#7F?U_AN
z!!QtqA3rSzfNO*UgoY~6=K|pZ^e8<XAh`esAU!@n(oxaTgaf3b0qxix6lE>1CB;^u
zZ)OKa$nn0>%Wk9qnM@`#Bq!*`NXN5|3-r%c$5O}29PA?CO2<OSC5B_C<Hj5~g`63N
zO`bSdd8vRq9TOzTxnK@iXJ(C&AMeo*Yu7&|E5KRj0g2EifU^!&f^Q^(OF)x#mPiPf
zfTXQc(<C6oIwQ#GGM9xD5MmvLve`*W?xdRgga9}JzSdFrPu#rbm{fBJT5WF;wg6x2
zjF|frcoAmu=5xL5WC{qe&PK<a8CTdB!6jeM+rR^}6Ngrvx9YEL2i0(Gj;-KHEg)9I
zl8CU!y^|-%La`ebiI@xKDFh}@kbo)TH>@@h3K5bgNWjh-+aV6W=m8S&iv6T%)1VMW
zQ?;p4h_t_`SHNCws>xIM(UyFTLIe?YA1JCY@!3MU>b#^+bjECC^neg6xss<3Y|{r@
zAwa~Las8v?OUJD-MkSU+eYCs}S?&dVa%Q#pMA=)$);xN>0pEA*62Dj8?e9Vb{H(OW
zVOdn*OC`4wD|mjD;2`U~qufl_u@K&?s`(O2+*NZ`%e=J}BF4;((yA1DL*o?Cv?D9v
zUzNI8A=oyqJ#lDN>IIj8*bVL|w4DnTh|}PXhU8=}X)8&O*T*P-7f69?^M&+uy1=28
zlAz1)1GbfhU~3O_5kSd5Vz`4{dVW&pvYAXK1N;HC^n(qo71&Dv0000<MNUMnLSTaC
C=_4ut

literal 0
HcmV?d00001

diff --git a/src/themes/main/keyboard.png b/src/themes/main/keyboard.png
new file mode 100644
index 0000000000000000000000000000000000000000..246d306d5dff55108298e424f29ee6d9c924b29a
GIT binary patch
literal 301
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?2=RS;(M3{v?36l5$8
za(7}_cTVOdki(Mh=<CS9u(6-}Pa-Rjf5_9tF{Fa=?ahsXhYWaFFZ3^5v@}hiZ9!`5
znIj@1JO`DwWNNGk>|^VBP$PbL`pNq8EE&;_%C4=9f`ZFtZr-->Mx>6QcYfg(3tK%k
z^}_B7efx-qbsPLI%|5asj?ZjiVRzFUzL?+s{ImZv-C~IL<bU#M)|<L1&x1HO`fg(P
z%HC2o&s+7#GE0WDjfGnn&CW8K<u<H6CbPn~c!B0D<{T}>ZJu8aZ2$jz@t;)ASi$i5
t`e)`Y={_p;F)y>N**0R1qLR=t-g_3Jsz#iTuK|6-;OXk;vd$@?2>@a&ZUO)R

literal 0
HcmV?d00001

diff --git a/src/themes/main/keyboard_active.png b/src/themes/main/keyboard_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..e7682f97cc400c1043b28c669bc8174af101c797
GIT binary patch
literal 304
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC&H|6fVg?2=RS;(M3{v?36l5$8
za(7}_cTVOdki(Mh=<CS9u(6-}Pa-Rjf7H{(F{Fa=?aht6ha7lVFZeG=Wl&3K)Nwd(
zw#MnGlmVNtfrHm9orcS<?X7;NCcgLnH~Ef*-lHSp;*2gXGtB(n<rHqbp*-!}qqL6_
z>U-JViLoEK5<TZw=P}K$s?W{qS7rq4jCJ$nUiW-`_tpK3rU#}Kvjx5M*=Bror-@U}
zY8&RA#!<V@Efq|<EZ6YufJs(^Z*_w&?}n*2n3rbqhqwYc%15?!8Gm^H{+~*>%tE=s
v(#)jSB71fFI=**jR%{6G7I$$u^n+pDY*C?@Yip+hJ;dPY>gTe~DWM4f#=mn|

literal 0
HcmV?d00001

diff --git a/src/themes/main/style.json b/src/themes/main/style.json
index fec27de..023ce62 100644
--- a/src/themes/main/style.json
+++ b/src/themes/main/style.json
@@ -100,7 +100,18 @@
     "barBackground": "#fff",
     "placeholderMetaColor": "rgba(81, 109, 216, 1)",
     "keyboardActiveBg": "linear-gradient(180deg, #435ACD 0%, #749CF3 100%)",
-    "writeColor": "#516DD8"
+    "writeColor": "#516DD8",
+    "topBg": "rgba(255, 255, 255, 0.6)",
+    "facTitleColor": "rgba(0, 0, 0, 0.8)",
+    "facNameColor": "rgba(0, 0, 0, 0.6)",
+    "tabsBg": "rgba(0, 0, 0, 0.05)",
+    "tabActiveBg": "#FFFFFF",
+    "tabColor": "rgba(0, 0, 0, 0.6)",
+    "tabActiveColor": "rgba(0, 0, 0, 0.8)",
+    "resultTitleColor": "rgba(0, 0, 0, 0.8)",
+    "resultMetaColor": "rgba(0, 0, 0, 0.6)",
+    "keyBg": "#FFFFFF",
+    "keyColor": "rgba(0, 0, 0, 0.8)"
   },
   "activities": {
     "btnBg": "linear-gradient(113.71deg, #435ACD 0%, #749CF3 100%)",
diff --git a/src/themes/main/write.png b/src/themes/main/write.png
new file mode 100644
index 0000000000000000000000000000000000000000..d92af074aeac4a3e4ab74162b54a564dce936f20
GIT binary patch
literal 597
zcmV-b0;>IqP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0qRLaK~#7F?U}7k
z#6T2<??NyL3<v}m1PBC>fB=gHjqN*t;3Y5^g4=fh!xLagz+ey<Fo-n>u-ucKNxHl9
z+s?E%VZP*K%PiZRkG3-{OH?TQZ{|rBi=2JVuZkB*0?V9B&JpLBGvK`WJ|sl|<<Hft
zW|IOWBnX(wYrGP3B%c$`sqIY(M*tV=3ul+c7qJQJk&to?G?wT?0O$Gz=biIi8xNI$
zz(@~tEub&hRn7tDmEtAv{+IrtOM&UxW`W`*@Rxs}+9KDLfNiRbkwEz?s+~Td3jx<W
z4?-lcJyRYGC@;41ADs26u^$?j{50$X%#;T?kASWGBj;LeZ`H<KN5XnzmrKA^eyFzf
zd>$fUC5J#rc?~4?I7_v$D2dbpG37zU**1&^OQaNNQvQ(a1WBY4NKt;Iet)Aj=9Nex
zkg7bU&?n9cO-`|pKzZXcLEGnnl;!cd#@R7^&bS7EHUc@yV}H~4KX+=MMw+g~U6#Km
z2TcUTln1c_qRN990deI)sDQ}wAVffHdEgTeT^{(>0nz1wPe62e5W5l&4PzDcR35aw
z7pllz9-L98@}P}CMgH>Oh9)1>la&X)S?HF+G5+61fg^y^=$R6h2dM;H<+GCF`+?rd
jgSG;_mM;_vh5q>isJz5)UCaFn00000NkvXXu0mjfaAg3d

literal 0
HcmV?d00001

diff --git a/src/themes/main/write_active.png b/src/themes/main/write_active.png
new file mode 100644
index 0000000000000000000000000000000000000000..079706f837df5f108f1d9a375ffd45f68d2d46a4
GIT binary patch
literal 593
zcmV-X0<QguP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0p>|WK~#7F?U+4M
z!!Qtq7bvK5060J{5PGPf;T)l&f&=&(<N$C0sHmW#2?u}!go+A!*f-cSilUWdTe6pl
zzL}jko5=It>}vf(R48mWd!&mA#~H^L$2a{m4ms{QmUYZy7HO#f#NTin7`a*f`RZG!
z!GKGAL(s%7>1R%!cG6G*Y}jXx6Z+f4F2qV`*#n(TjL|~q`CE>um0xjOaC~^yqLpT5
zVrT=+hMgLpCNU<~Dm0`4d)iE>y$SsGW+sN(1JbD6=Q!nf;rKN2u07#2wnO>x&G`lh
zhPZcO?GFi6$!$Oq521GJ_)Nfnb6@0aAxZoL$7OwNP844|i8pq+4EV%X^>H)LV@!zT
zXrUPKCa!CO)J_|u9;0o=BR6&Ar4hS9$`<M({+wi@+9_29Qi#W#zq4||N~EYjD)H#~
z$NGGxU{nGXa6S|Ctw2ignDY>R>{z!Vfj$Ouh{yTt+v!DpPA6T*=#b(U<e`fJHR3^A
z1FFP>HU`v*2eAfJiU%<U)QSfo1FFS?kO91_R4X2YE@Z03gHQ#Q*7qaFe<~VDJm`Bb
zRFPjixS~wrK_3GZg~fwwT7R-iCLXkHAs@aMQq6t+6D1T6QW=POC76X2Ph_Ks2Yn5U
fD!x!C6vpQlE-$=Y3?mD600000NkvXXu0mjf)5ZGu

literal 0
HcmV?d00001