diff --git a/package.json b/package.json
index 63798532..a67d15d4 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
     "marked": "^0.6.3",
     "moment": "^2.24.0",
     "nprogress": "^0.2.0",
+    "verte": "^0.0.12",
     "viser-vue": "^2.4.6",
     "vue": "^2.6.10",
     "vue-clipboard2": "^0.3.0",
diff --git a/src/views/interface/ThemeList.vue b/src/views/interface/ThemeList.vue
index 799636ec..f2866922 100644
--- a/src/views/interface/ThemeList.vue
+++ b/src/views/interface/ThemeList.vue
@@ -243,6 +243,20 @@
                           :value="option.value"
                         >{{ option.label }}</a-select-option>
                       </a-select>
+                      <verte
+                        picker="square"
+                        model="hex"
+                        v-model="themeSettings[item.name]"
+                        :defaultValue="item.defaultValue"
+                        v-else-if="item.type == 'COLOR'"
+                        style="display: inline-block;height: 24px;"
+                      ></verte>
+                      <a-input
+                        v-model="themeSettings[item.name]"
+                        :defaultValue="item.defaultValue"
+                        :placeholder="item.placeholder"
+                        v-else
+                      />
                     </a-form-item>
                   </a-form>
                 </a-tab-pane>
@@ -391,11 +405,14 @@ import AttachmentDrawer from '../attachment/components/AttachmentDrawer'
 import FooterToolBar from '@/components/FooterToolbar'
 import { mixin, mixinDevice } from '@/utils/mixin.js'
 import themeApi from '@/api/theme'
+import Verte from 'verte'
+import 'verte/dist/verte.css'
 
 export default {
   components: {
     AttachmentDrawer,
-    FooterToolBar
+    FooterToolBar,
+    Verte
   },
   mixins: [mixin, mixinDevice],
   data() {
diff --git a/src/views/post/PostEdit.vue b/src/views/post/PostEdit.vue
index b7ba287c..686daa04 100644
--- a/src/views/post/PostEdit.vue
+++ b/src/views/post/PostEdit.vue
@@ -52,7 +52,7 @@
                   showTime
                   :defaultValue="pickerDefaultValue"
                   format="YYYY-MM-DD HH:mm:ss"
-                  placeholder="Select Publish Time"
+                  placeholder="选择文章发表时间"
                   @change="onChange"
                   @ok="onOk"
                 />
diff --git a/src/views/post/PostList.vue b/src/views/post/PostList.vue
index f06de218..dcabc96e 100644
--- a/src/views/post/PostList.vue
+++ b/src/views/post/PostList.vue
@@ -146,7 +146,10 @@
               :href="options.blog_url+'/archives/'+record.url"
               target="_blank"
             >
-              <a-tooltip placement="topLeft" :title="'点击预览 '+text">{{ text }}</a-tooltip>
+              <a-tooltip
+                placement="topLeft"
+                :title="'点击预览【'+text+'】'"
+              >{{ text }}</a-tooltip>
             </a>
           </span>
           <span
@@ -182,7 +185,14 @@
           <span
             slot="createTime"
             slot-scope="createTime"
-          >{{ createTime | timeAgo }}</span>
+          >
+            <a-tooltip placement="top">
+              <template slot="title">
+                {{ createTime | moment }}
+              </template>
+              {{ createTime | timeAgo }}
+            </a-tooltip>
+          </span>
 
           <span
             slot="action"
@@ -419,7 +429,7 @@ const columns = [
     scopedSlots: { customRender: 'status' }
   },
   {
-    title: '分类目录',
+    title: '分类',
     dataIndex: 'categories',
     scopedSlots: { customRender: 'categories' }
   },
diff --git a/src/views/sheet/SheetList.vue b/src/views/sheet/SheetList.vue
index ba60e4fc..64ff75a3 100644
--- a/src/views/sheet/SheetList.vue
+++ b/src/views/sheet/SheetList.vue
@@ -111,6 +111,7 @@
                     >{{ text }}</a-tooltip>
                   </a>
                 </span>
+
                 <span
                   slot="status"
                   slot-scope="statusProperty"
@@ -118,10 +119,18 @@
                   <a-badge :status="statusProperty.status" />
                   {{ statusProperty.text }}
                 </span>
+
                 <span
                   slot="createTime"
                   slot-scope="createTime"
-                >{{ createTime | timeAgo }}</span>
+                >
+                  <a-tooltip placement="top">
+                    <template slot="title">
+                      {{ createTime | moment }}
+                    </template>
+                    {{ createTime | timeAgo }}
+                  </a-tooltip>
+                </span>
 
                 <span
                   slot="action"