feat: completion styles (GreptimeTeam#568)

niebayes · Sep 14, 2023 · 954014c · 954014c
1 parent 232e56e
commit 954014c
Show file tree

Hide file tree

Showing 50 changed files with 27 additions and 11 deletions.
diff --git a/docs/.vitepress/theme/style/custom.styl b/docs/.vitepress/theme/style/custom.styl
@@ -14,6 +14,7 @@
           height 22px
           &:hover 
             opacity .7
+            color var(--color-light-primary)
           svg
             width 22px
             height 22px
@@ -96,10 +97,16 @@
   .VPDoc .content-container .VPDocOutlineDropdown 
     display none
   .VPContent .VPDoc 
+    padding-right 30px
     .content
-      margin-right 20px
+      flex 1
+      width auto
+      margin-right 10px
     .aside 
+        padding-left 10px
+        max-width 180px
       .aside-container
+        width 170px
         padding-top calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + var(--vp-doc-top-height, 0px) + 60px)
       .aside-curtain 
         display none
diff --git a/docs/.vitepress/theme/style/docs.styl b/docs/.vitepress/theme/style/docs.styl
@@ -168,9 +168,12 @@
     padding-top 20px
     .pager-link
       padding 16px 20px
+      &:hover 
+        background var(--vp-c-brand-light-1)
     .pager 
       .desc
         margin-bottom 6px
+        color var(--color-gray-5) 
         font-size var(--font-size-xs)
         line-height var(--line-height-xs)
       .title
@@ -184,10 +187,11 @@
       width 2px 
       left -2px 
     .outline-title, .outline-link  
+      font-weight 400
       font-size var(--font-size-s)
       line-height var(--line-height-s)
-      color var(--color-gray-3) 
+      color var(--color-gray-5) 
     .outline-link.active  
-      color var(--color-dark-primary)
+      color var(--color-gray-3)
   ul, li  
     margin 8px 0 
diff --git a/docs/.vitepress/theme/style/index.styl b/docs/.vitepress/theme/style/index.styl
@@ -8,5 +8,5 @@
 
 body 
   margin 0
-  background var(--color-white-primary)
+  background var(--color-light-primary)
   font-family Open Sans, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif
diff --git a/docs/.vitepress/theme/style/search.styl b/docs/.vitepress/theme/style/search.styl
@@ -28,12 +28,14 @@
   margin 0 12px
   #local-search .DocSearch-Button
     height 38px
-    background var(--color-primary-light-3)
+    background var(--color-light-primary-3)
     &:hover
       border-color transparent
     .DocSearch-Button-Container
       .DocSearch-Search-Icon,.DocSearch-Button-Placeholder
         color var(--color-title-text)
+      .DocSearch-Button-Placeholder
+        display none
     .DocSearch-Button-Key:first-child:after, .DocSearch-Button-Key + .DocSearch-Button-Key
       color var(--color-title-text)
     .DocSearch-Button-Key + .DocSearch-Button-Key
@@ -54,5 +56,5 @@
   #local-search 
     // TODO
     &:hover .DocSearch-Button .DocSearch-Button-Container 
-      background rgba(249,249,249,0.2)
+      background var(--color-light-primary-2)
       border-radius 4px
diff --git a/docs/.vitepress/theme/style/sidebar.styl b/docs/.vitepress/theme/style/sidebar.styl
@@ -21,6 +21,9 @@
       .caret 
         height 14px
         margin 5px 0 4px
+        color var(--color-dark-primary)
+      .item:hover .caret
+        opacity .5
     .VPSidebarItem.level-1 .items
     .VPSidebarItem.level-2 .items
     .VPSidebarItem.level-3 .items

diff --git a/docs/.vitepress/theme/style/vars.styl b/docs/.vitepress/theme/style/vars.styl
@@ -23,16 +23,16 @@
   --color-red-2 rgba(228, 51, 95, 1)
   --color-red-3 rgba(252, 41, 161, 1)
 
-  --color-white-primary rgba(255, 255, 255, 1)
   --color-light-primary rgba(249, 249, 249, 1)
   --color-dark-primary rgba(23, 12, 44, 1)
   --color-dark-primary-1 rgba(23, 12, 44, .1)
   --color-primary rgba(131, 34, 255, 1)
   --color-gray-light rgba(248, 249, 253, 1)
-  --color-primary-light-3 rgba(255, 255, 255, 0.3)
+  --color-light-primary-2 rgba(249, 249, 249, 0.2)
+  --color-light-primary-3 rgba(249, 249, 249, 0.3)
 
 
-  --color-title-text var(--color-white-primary)
+  --color-title-text var(--color-light-primary)
   --color-dark-text var(--color-light-primary)
 
 

diff --git a/docs/index.md b/docs/index.md
@@ -1,7 +1,7 @@
 # Introduction
 
 <p align="center">
-    <img src="./public/logo-text-padding.png" alt="GreptimeDB Logo" width="400px">
+    <img src="./public/logo-greptimedb.png" alt="GreptimeDB Logo" width="400px">
 </p>
 
 GreptimeDB is an open-source time-series database with a special focus on

diff --git a/docs/public/banner.png b/docs/public/banner.png
diff --git a/docs/public/bg_footer.png b/docs/public/bg_footer.png
diff --git a/docs/public/bg_heavy_block.png b/docs/public/bg_heavy_block.png
diff --git a/docs/public/bg_how.png b/docs/public/bg_how.png
diff --git a/docs/public/bg_logo.png b/docs/public/bg_logo.png
diff --git a/docs/public/bg_main.png b/docs/public/bg_main.png
diff --git a/docs/public/bg_what_is.png b/docs/public/bg_what_is.png
diff --git a/docs/public/biweekly/1.png b/docs/public/biweekly/1.png
diff --git a/docs/public/circle.png b/docs/public/circle.png
diff --git a/docs/public/fonts/Alimama_ShuHeiTi_Bold.ttf b/docs/public/fonts/Alimama_ShuHeiTi_Bold.ttf
diff --git a/docs/public/fonts/Alimama_ShuHeiTi_Bold.woff b/docs/public/fonts/Alimama_ShuHeiTi_Bold.woff
diff --git a/docs/public/fonts/Montserrat-Black.otf b/docs/public/fonts/Montserrat-Black.otf
diff --git a/docs/public/fonts/Montserrat-Bold.otf b/docs/public/fonts/Montserrat-Bold.otf
diff --git a/docs/public/fonts/Montserrat-ExtraBold.otf b/docs/public/fonts/Montserrat-ExtraBold.otf
diff --git a/docs/public/fonts/Montserrat-ExtraLight.otf b/docs/public/fonts/Montserrat-ExtraLight.otf
diff --git a/docs/public/fonts/Montserrat-Light.otf b/docs/public/fonts/Montserrat-Light.otf
diff --git a/docs/public/fonts/Montserrat-Medium.otf b/docs/public/fonts/Montserrat-Medium.otf
diff --git a/docs/public/fonts/Montserrat-Regular.otf b/docs/public/fonts/Montserrat-Regular.otf
diff --git a/docs/public/fonts/Montserrat-SemiBold.otf b/docs/public/fonts/Montserrat-SemiBold.otf
diff --git a/docs/public/fonts/Montserrat-Thin.otf b/docs/public/fonts/Montserrat-Thin.otf
diff --git a/docs/public/fonts/Roboto-Black.ttf b/docs/public/fonts/Roboto-Black.ttf
diff --git a/docs/public/fonts/Roboto-BlackItalic.ttf b/docs/public/fonts/Roboto-BlackItalic.ttf
diff --git a/docs/public/fonts/Roboto-Bold.ttf b/docs/public/fonts/Roboto-Bold.ttf
diff --git a/docs/public/fonts/Roboto-BoldItalic.ttf b/docs/public/fonts/Roboto-BoldItalic.ttf
diff --git a/docs/public/fonts/Roboto-Italic.ttf b/docs/public/fonts/Roboto-Italic.ttf
diff --git a/docs/public/fonts/Roboto-Light.ttf b/docs/public/fonts/Roboto-Light.ttf
diff --git a/docs/public/fonts/Roboto-LightItalic.ttf b/docs/public/fonts/Roboto-LightItalic.ttf
diff --git a/docs/public/fonts/Roboto-Medium.ttf b/docs/public/fonts/Roboto-Medium.ttf
diff --git a/docs/public/fonts/Roboto-MediumItalic.ttf b/docs/public/fonts/Roboto-MediumItalic.ttf
diff --git a/docs/public/fonts/Roboto-Regular.ttf b/docs/public/fonts/Roboto-Regular.ttf
diff --git a/docs/public/fonts/Roboto-Thin.ttf b/docs/public/fonts/Roboto-Thin.ttf
diff --git a/docs/public/fonts/Roboto-ThinItalic.ttf b/docs/public/fonts/Roboto-ThinItalic.ttf
diff --git a/docs/public/line.png b/docs/public/line.png
diff --git a/docs/public/line_bg.png b/docs/public/line_bg.png
diff --git a/docs/public/logo-greptimedb.png b/docs/public/logo-greptimedb.png
diff --git a/docs/public/play.png b/docs/public/play.png
diff --git a/docs/public/socialLinks/GitHub.png b/docs/public/socialLinks/GitHub.png
diff --git a/docs/public/socialLinks/GitHub_grey.png b/docs/public/socialLinks/GitHub_grey.png
diff --git a/docs/public/socialLinks/Slack.png b/docs/public/socialLinks/Slack.png
diff --git a/docs/public/socialLinks/Slack_grey.png b/docs/public/socialLinks/Slack_grey.png
diff --git a/docs/public/subscribe.png b/docs/public/subscribe.png
diff --git a/docs/public/what_is.png b/docs/public/what_is.png
diff --git a/docs/zh/index.md b/docs/zh/index.md
@@ -1,7 +1,7 @@
 # 简介
 
 <p align="center">
-    <img src="../public/logo-text-padding.png" alt="GreptimeDB Logo" width="400px">
+    <img src="../public/logo-greptimedb.png" alt="GreptimeDB Logo" width="400px">
 </p>
 
 GreptimeDB 是开源的时序数据库，注重可扩展性、分析能力和效率。GreptimeDB 可以在云时代的基础设施上工作，为用户提供良好的灵活性和商品存储服务。