docs: update readme and marketplace config

Author: shezhangzhang

.vscode/launch.json

@@ -10,8 +10,8 @@
       "type": "extensionHost",
       "request": "launch",
       "args": [
-        "--extensionDevelopmentPath=${workspaceFolder}"
-        // "--disable-extensions"
+        "--extensionDevelopmentPath=${workspaceFolder}",
+        "--disable-extensions"
       ],
       "outFiles": ["${workspaceFolder}/dist/**/*.js"],
       "preLaunchTask": "${defaultBuildTask}"

README.md

@@ -1,16 +1,19 @@
 # antd design token
 
+![logo](assets/logo-mini.png)
+
 VSCode extension for antd v5 design token.
 
 ## Features
 
-Provide the hover hint of antd v5 design token, include `color`, `value`.
+Provide the hover hint and editor decorations of antd v5 design token, include `color`, `value`:
 
-![hover](assets/hover.gif)
+![decorations](assets/decorations.gif)
 
-Support completion for antd v5 design token value on typing. Note that for sorting, you can type an `a` before typing the token. For example, if you want to type `padding...`, you can type `apadding...`. Which will not affect the variable inserted after the enter keydown.
+Support completion for antd v5 design token value on typing. Note that for sorting, you can type an `a` before typing the token. For example, if you want to type `margin...`, you can type `amargin...`. Which will not affect the variable inserted after the enter keydown.
 
-![typing](assets/type.gif)
+Sort by token value:
+![sort](assets/sort.png)
 
 ## Commands
 

assets/logo-mini.png

@@ -24,6 +24,10 @@
       }
     ]
   },
+  "galleryBanner": {
+    "color": "#1890ff",
+    "theme": "dark"
+  },
   "main": "./dist/extension.js",
   "icon": "assets/logo.png",
   "scripts": {