Merge pull request #7 from shezhangzhang/feat/number-color

Optimize number decoration

Author: shezhangzhang

package.json

@@ -2,7 +2,7 @@
   "name": "antd-design-token",
   "displayName": "antd Design Token",
   "description": "VSCode extension for antd v5 design token.",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "publisher": "shezhangzhang",
   "engines": {
     "vscode": "^1.68.0"

src/decoration-manager.ts

@@ -206,12 +206,15 @@ export default class DecorationManager {
     const colorValue = getColorTokenValue(this.fullToken[key]);
     valueDecorations.push(decoration);
 
+    const themeFocusBorderColor = new vscode.ThemeColor("focusBorder");
     const decorationType = vscode.window.createTextEditorDecorationType({
       after: {
-        contentText: colorValue ? `**` : `${String(this.fullToken[key])}`,
+        contentText: colorValue ? "--" : `${String(this.fullToken[key])}`,
+        color: colorValue ? "transparent" : "#b37feb",
         backgroundColor: colorValue || "",
+        border: "2px solid",
+        borderColor: themeFocusBorderColor,
         margin: "0 0 0 5px;",
-        color: colorValue || "#b37feb",
         fontWeight: "bolder",
       },
     });