feat: add option to change color decoration type

README.md

@@ -87,6 +87,7 @@ Browse your utilities usages, have an overview of your design system, identify "
 | `windicss.enableRemToPxPreview`    | boolean | true     | Enable Rem to Px Preview.                                    |
 | `windicss.enableEmmetCompletion`   | boolean | false    | Enable . trigger for emmet.                                  |
 | `windicss.enableCodeFolding`       | boolean | false    | Enable ClassNames Code Folding.                              |
+| `windicss.colorDecoratorsType`     | string  | 'cube'   | Configure the type of color decorations, optional ['border', 'bg', 'cube', 'picker'], default is 'cube'. |
 | `windicss.foldByLength`            | boolean | false    | Folding code by length. Default option is false, will fold by utility count. |
 | `windicss.foldCount`               | number  | 3        | Used by foldByCount.                                         |
 | `windicss.foldLength`              | number  | 25       | Used by foldByLength                                         |

package.json

@@ -197,6 +197,11 @@
           "default": false,
           "description": "Enable ClassNames Code Folding."
         },
+        "windicss.colorDecoratorsType": {
+          "type": "string",
+          "default": "cube",
+          "description": "Configure the type of color decorations, optional ['border', 'bg', 'cube', 'picker'], default is 'cube'."
+        },
         "windicss.foldCount": {
           "type": "number",
           "default": 3,

src/lib/index.ts

@@ -176,9 +176,9 @@ export default class Extension {
   }
 
   registerDecorations() {
-    if (!this.processor) return [];
+    if (!this.processor || !this.get<boolean>('enableColorDecorators')) return [];
     const disposables: Disposable[] = [];
-    const type: 'picker' | 'bg' | 'border' | 'cube' = 'bg';
+    const type = this.get<'picker' | 'bg' | 'border' | 'cube'>('colorDecoratorsType');
     const decoration = new Decorations(this, this.processor);
     if (type === 'picker') {
       for (const [ext] of Object.entries(fileTypes)) {