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

Optimize number decoration
shezhangzhang · Aug 5, 2022 · 1dc1432 · 1dc1432
2 parents 40ec8fc + 69fb4c9
commit 1dc1432
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/package.json b/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"

diff --git a/src/decoration-manager.ts b/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",
       },
     });