update colorDecorators setting

README.md

@@ -74,11 +74,7 @@ Enable completions when using [Emmet](https://emmet.io/)-style syntax, for examp
 
 ### `tailwindCSS.colorDecorators`
 
-Controls whether the editor should render inline color decorators for Tailwind CSS classes and helper functions.
+Controls whether the editor should render inline color decorators for Tailwind CSS classes and helper functions. **Default: `true`**
-
-- `inherit`: Color decorators are rendered if `editor.colorDecorators` is enabled.
-- `on`: Color decorators are rendered.
-- `off`: Color decorators are not rendered.
 
 ### `tailwindCSS.showPixelEquivalents`
 

package.json

@@ -78,18 +78,8 @@
           "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",
+          "type": "boolean",
-          "enum": [
+          "default": true,
-            "inherit",
-            "on",
-            "off"
-          ],
-          "markdownEnumDescriptions": [
-            "Color decorators are rendered if `editor.colorDecorators` is enabled.",
-            "Color decorators are rendered.",
-            "Color decorators are not rendered."
-          ],
-          "default": "inherit",
           "markdownDescription": "Controls whether the editor should render inline color decorators for Tailwind CSS classes and helper functions.",
           "scope": "language-overridable"
         },

packages/tailwindcss-language-service/src/documentColorProvider.ts

@@ -18,7 +18,7 @@ export async function getDocumentColors(
   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) => {

packages/tailwindcss-language-service/src/util/state.ts

@@ -37,7 +37,7 @@ export type Settings = {
   validate: boolean
   showPixelEquivalents: boolean
   rootFontSize: number
-  colorDecorators: 'inherit' | 'on' | 'off'
+  colorDecorators: boolean
   lint: {
     cssConflict: DiagnosticSeveritySetting
     invalidApply: DiagnosticSeveritySetting