1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17

diff --git a/README.md b/README.md
index d62e1cb58d0aa75772a6a5bd10dfc0bd4db7eced..7fa505f2a5a710462d2858957553bb677e31736c 100644
--- a/README.md
+++ b/README.md
@@ -74,11 +74,7 @@ ```
 
 ### `tailwindCSS.colorDecorators`
 
-Controls whether the editor should render inline color decorators for Tailwind CSS classes and helper functions.
-
-- `inherit`: Color decorators are rendered if `editor.colorDecorators` is enabled.
-- `on`: Color decorators are rendered.
-- `off`: Color decorators are not rendered.
+Controls whether the editor should render inline color decorators for Tailwind CSS classes and helper functions. **Default: `true`**
 
 ### `tailwindCSS.showPixelEquivalents`
 

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

diff --git a/package.json b/package.json
index 03aeb4be8a4f1d7d4feb124e288fc967e88fcddd..96f7d1bfa13e975968be0acf741ca6fcda6aeac9 100755
--- a/package.json
+++ b/package.json
@@ -78,18 +78,8 @@           "default": {},
           "markdownDescription": "Enable features in languages that are not supported by default. Add a mapping here between the new language and an already supported language.\n E.g.: `{\"plaintext\": \"html\"}`"
         },
         "tailwindCSS.colorDecorators": {
-          "type": "string",
-          "enum": [
-            "inherit",
-            "on",
-            "off"
-          ],
-          "markdownEnumDescriptions": [
-            "Color decorators are rendered if `editor.colorDecorators` is enabled.",
-            "Color decorators are rendered.",
-            "Color decorators are not rendered."
-          ],
-          "default": "inherit",
+          "type": "boolean",
+          "default": true,
           "markdownDescription": "Controls whether the editor should render inline color decorators for Tailwind CSS classes and helper functions.",
           "scope": "language-overridable"
         },

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

diff --git a/packages/tailwindcss-language-service/src/documentColorProvider.ts b/packages/tailwindcss-language-service/src/documentColorProvider.ts
index 70e8992e80bc8ca1208b1a8ba28657cc4919f18c..6624dfed6fc6437e9330195241ccef4e4b55dfdc 100644
--- a/packages/tailwindcss-language-service/src/documentColorProvider.ts
+++ b/packages/tailwindcss-language-service/src/documentColorProvider.ts
@@ -18,7 +18,7 @@   let colors: ColorInformation[] = []
   if (!state.enabled) return colors
 
   let settings = await state.editor.getConfiguration(document.uri)
-  if (settings.colorDecorators === 'off') return colors
+  if (settings.colorDecorators === false) return colors
 
   let classLists = await findClassListsInDocument(state, document)
   classLists.forEach((classList) => {

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

diff --git a/packages/tailwindcss-language-service/src/util/state.ts b/packages/tailwindcss-language-service/src/util/state.ts
index 7919befcb440c12ca809af17b0a24df556cce38e..51be4184ccc5cba5539742f4dbb226f76a32da93 100644
--- a/packages/tailwindcss-language-service/src/util/state.ts
+++ b/packages/tailwindcss-language-service/src/util/state.ts
@@ -37,7 +37,7 @@   includeLanguages: Record<string, string>
   validate: boolean
   showPixelEquivalents: boolean
   rootFontSize: number
-  colorDecorators: 'inherit' | 'on' | 'off'
+  colorDecorators: boolean
   lint: {
     cssConflict: DiagnosticSeveritySetting
     invalidApply: DiagnosticSeveritySetting