search

tailwindlabs / tailwindcss-intellisense

Intelligent Tailwind CSS tooling for Visual Studio Code
2.8k stars 190 forks source link

Color decorators for classes stopped working since VSC v. 1.78 #780

Closed GBrachetta closed 1 year ago

GBrachetta commented 1 year ago

What version of Tailwind CSS IntelliSense are you using?

v0.9.11

What operating system are you using?

macOS

Tailwind config

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  plugins: [],
  theme: {
    extend: {
      colors: {
        'primary-orange': '#FF5722',
      },
      fontFamily: {
        inter: ['Inter', 'sans-serif'],
        satoshi: ['Satoshi', 'sans-serif'],
      },
    },
  },
};

VS Code settings

{
  "[Astro]": {
    "editor.autoClosingBrackets": "always",
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  },
  "[astro]": {
    "editor.defaultFormatter": "astro-build.astro-vscode"
  },
  "[css]": {
    "editor.defaultFormatter": "sibiraj-s.vscode-scss-formatter"
  },
  "[django-html]": {
    "editor.defaultFormatter": "HookyQR.beautify",
    "editor.quickSuggestions": {
      "comments": true,
      "other": true,
      "strings": true
    },
    "editor.tabSize": 4,
    "editor.wordWrap": "on",
    "editor.wordWrapColumn": 80
  },
  "[dockerfile]": {
    "editor.quickSuggestions": {
      "strings": true
    },
    "editor.semanticHighlighting.enabled": false
  },
  "[env]": {
    "editor.wordWrap": "off"
  },
  "[html]": {
    "editor.autoClosingBrackets": "always",
    "editor.defaultFormatter": "HookyQR.beautify",
    "editor.formatOnPaste": true,
    "editor.tabSize": 4,
    "editor.wordWrap": "on"
  },
  "[http]": {
    "editor.tabSize": 2,
    "editor.wordWrap": "on"
  },
  "[javascript][javascriptreact][typescript][typescriptreact]": {
    "editor.autoClosingBrackets": "always",
    "editor.autoClosingDelete": "always",
    "editor.autoClosingOvertype": "always",
    "editor.autoClosingQuotes": "always",
    "editor.codeActionsOnSave": {
      "source.organizeImports": false
    },
    "editor.colorDecorators": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json][jsonc]": {
    "editor.colorDecorators": true,
    "editor.defaultFormatter": "vscode.json-language-features",
    "editor.tabSize": 2
  },
  "[markdown]": {
    "editor.defaultFormatter": "yzhang.markdown-all-in-one",
    "editor.formatOnSave": true,
    "editor.quickSuggestions": {
      "comments": "on",
      "other": "on",
      "strings": "on"
    },
    "editor.wordWrap": "on"
  },
  "[python]": {
    "editor.codeActionsOnSave": {
      "source.organizeImports": true
    },
    "editor.defaultFormatter": "ms-python.python",
    "editor.tabSize": 4,
    "editor.formatOnType": true
  },
  "[scss]": {
    "editor.defaultFormatter": "sibiraj-s.vscode-scss-formatter"
  },
  "[shellscript]": {
    "editor.defaultFormatter": "foxundermoon.shell-format",
    "editor.tabSize": 4,
    "files.eol": "\n"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "[yaml]": {
    "editor.autoIndent": "advanced",
    "editor.insertSpaces": true,
    "editor.quickSuggestions": {
      "comments": false,
      "other": true,
      "strings": true
    },
    "editor.tabSize": 2,
    "gitlens.codeLens.scopes": [
      "document"
    ]
  },
  "auto-close-tag.activationOnLanguage": [
    "astro",
    "django-html",
    "xml",
    "php",
    "blade",
    "ejs",
    "jinja",
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "plaintext",
    "markdown",
    "vue",
    "liquid",
    "erb",
    "lang-cfml",
    "cfml",
    "HTML (EEx)",
    "HTML (Eex)",
    "plist"
  ],
  "autoDocstring.includeExtendedSummary": true,
  "autoDocstring.includeName": true,
  "autoDocstring.quoteStyle": "'''",
  "autoimport.filesToScan": "**/*.{js,jsx}",
  "autoimport.showNotifications": true,
  "beautify.config": {
    "django-html.format.wrapLineLength": 80,
    "html.format.indentHandlebars": true,
    "html.format.wrapLineLength": 80,
    "indent_handlebars": true
  },
  "beautify.language": {
    "html": [
      "django-html",
      "html",
      "jinja",
      "jinja-html"
    ]
  },
  "better-comments.tags": [
    {
      "backgroundColor": "transparent",
      "bold": true,
      "color": "#FF2D00",
      "italic": false,
      "strikethrough": false,
      "tag": "!",
      "underline": false
    },
    {
      "backgroundColor": "transparent",
      "bold": true,
      "color": "#3498DB",
      "italic": false,
      "strikethrough": false,
      "tag": "?",
      "underline": false
    },
    {
      "backgroundColor": "transparent",
      "bold": false,
      "color": "#474747",
      "italic": false,
      "strikethrough": true,
      "tag": "//",
      "underline": false
    },
    {
      "backgroundColor": "transparent",
      "bold": true,
      "color": "#FF8C00",
      "italic": false,
      "strikethrough": false,
      "tag": "todo",
      "underline": false
    },
    {
      "backgroundColor": "transparent",
      "bold": false,
      "color": "#98C379",
      "italic": false,
      "strikethrough": false,
      "tag": "*",
      "underline": false
    }
  ],
  "cSpell.allowCompoundWords": true,
  "cSpell.customDictionaries": {
    "custom": true,
    "my-dictionary": {
      "addWords": true,
      "description": "My Dictionary new cSpell settings",
      "name": "my-dictionary",
      "path": "/Users/Guille/Code/Documents/VSCode/my-dictionary.txt"
    }
  },
  "cSpell.enableFiletypes": [
    "django-html",
    "django-txt"
  ],
  "code-runner.clearPreviousOutput": true,
  "code-runner.showExecutionMessage": false,
  "codestream.email": "brachetta@me.com",
  "colorize.include": [
    "**/*.json",
    "**/*.css",
    "**/*.scss",
    "**/*.sass",
    "**/*.less",
    "**/*.styl"
  ],
  "colorize.languages": [
    "json",
    "jsonc",
    "css",
    "sass",
    "scss",
    "less",
    "postcss",
    "sss",
    "stylus",
    "xml",
    "svg",
    "js",
    "javascript"
  ],
  "css.enabledLanguages": [
    "javascript",
    "javascriptreact",
    "html"
  ],
  "css.lint.duplicateProperties": "warning",
  "css.lint.unknownAtRules": "ignore",
  "cssPeek.peekFromLanguages": [
    "html",
    "django-html",
    "laravel-blade",
    "razor",
    "vue",
    "blade",
    "pug",
    "jade",
    "handlebars",
    "php",
    "twig",
    "md",
    "nunjucks",
    "javascript",
    "javascriptreact",
    "erb",
    "typescript",
    "typescriptreact",
    "HTML (Eex)",
    "html-eex",
    "ejs"
  ],
  "dateTime.showDayOfMonth": true,
  "dateTime.showMonth": true,
  "debug.javascript.autoAttachFilter": "disabled",
  "diffEditor.ignoreTrimWhitespace": false,
  "disableLigatures.mode": "Cursor",
  "editor.accessibilitySupport": "off",
  "editor.bracketPairColorization.enabled": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "editor.cursorBlinking": "phase",
  "editor.cursorSmoothCaretAnimation": "on",
  "editor.cursorSurroundingLines": 10,
  "editor.detectIndentation": false,
  "editor.foldingStrategy": "indentation",
  "editor.fontFamily": "JetBrains Mono",
  "editor.fontLigatures": true,
  "editor.fontSize": 15,
  "editor.formatOnPaste": true,
  "editor.formatOnSave": true,
  "editor.guides.bracketPairs": true,
  "editor.inlineSuggest.enabled": true,
  "editor.lineHeight": 0,
  "editor.linkedEditing": true,
  "editor.minimap.enabled": true,
  "editor.minimap.maxColumn": 100,
  "editor.minimap.renderCharacters": false,
  "editor.minimap.showSlider": "mouseover",
  "editor.rulers": [
    80,
    120
  ],
  "editor.semanticHighlighting.enabled": true,
  "editor.smoothScrolling": true,
  "editor.stickyScroll.enabled": true,
  "editor.suggest.preview": true,
  "editor.suggestFontSize": 14,
  "editor.suggestSelection": "first",
  "editor.tabCompletion": "on",
  "editor.tabSize": 2,
  "editor.tokenColorCustomizations": {
    "[One Dark Pro]": {
      "comments": "#7c7a7a",
      "keywords": "#da70bf",
      "textMateRules": [
        {
          "name": "Python - Docstrings",
          "scope": [
            "string.quoted.double.block.python",
            "string.quoted.docstring.multi.python"
          ],
          "settings": {
            "fontStyle": "italic",
            "foreground": "#7c7a7a"
          }
        },
        {
          "name": "Python - tags",
          "scope": [
            "string.unquoted.tag-string.django"
          ],
          "settings": {
            "foreground": "#2fc8ce"
          }
        },
        {
          "name": "Javascript - Imports",
          "scope": "variable.other.readwrite.alias.js",
          "settings": {
            "fontStyle": "bold italic",
            "foreground": "#da70bf"
          }
        },
        {
          "name": "Javascript - Imports",
          "scope": "punctuation.definition.wiki-link",
          "settings": {
            "fontStyle": "bold",
            "foreground": "#ac7318"
          }
        },
        {
          "name": "Javascript - Keywords",
          "scope": [
            "keyword.control.import.js",
            "keyword.control.from.js",
            "keyword.control.export.js"
          ],
          "settings": {
            "foreground": "#80bfe6"
          }
        },
        {
          "name": "CSS - Properties",
          "scope": [
            "support.type.property-name.css"
          ],
          "settings": {
            "foreground": "#77aac9"
          }
        },
        {
          "name": "CSS - Values",
          "scope": [
            "support.constant.property-value.css",
            "constant.numeric.css"
          ],
          "settings": {
            "foreground": "#e6c27e"
          }
        },
        {
          "name": "CSS - Pseudo Class",
          "scope": [
            "entity.other.attribute-name.pseudo-class.css"
          ],
          "settings": {
            "foreground": "#ec6bcc"
          }
        },
        {
          "name": "HTML - Tags",
          "scope": [
            "punctuation.definition.tag.begin.js",
            "punctuation.definition.tag.end.js",
            "punctuation.definition.tag.begin.html",
            "punctuation.definition.tag.end.html"
          ],
          "settings": {
            "foreground": "#70c7ca"
          }
        },
        {
          "name": "HTML - Invalid Tags",
          "scope": [
            "invalid.illegal.unrecognized-tag.html"
          ],
          "settings": {
            "foreground": "#91380c"
          }
        },
        {
          "name": "HTML - Tags",
          "scope": [
            "entity.other.attribute-name.js"
          ],
          "settings": {
            "foreground": "#C792EA"
          }
        },
        {
          "name": "Javascript - Variable Object",
          "scope": [
            "variable.other.object.js"
          ],
          "settings": {
            "fontStyle": "italic"
          }
        },
        {
          "name": "Javascript - Constant Character",
          "scope": [
            "constant.character.entity.js"
          ],
          "settings": {
            "foreground": "#e27e3c"
          }
        },
        {
          "name": "JSON - Values",
          "scope": [
            "string.quoted.double.json.comments"
          ],
          "settings": {
            "foreground": "#7ee2d5"
          }
        },
        {
          "name": "Javascript - This",
          "scope": [
            "variable.language.this.js"
          ],
          "settings": {
            "fontStyle": "bold italic",
            "foreground": "#e24a3c"
          }
        },
        {
          "name": "React - Custom Component",
          "scope": [
            "support.class.component.js"
          ],
          "settings": {
            "fontStyle": "bold",
            "foreground": "#1ac56a"
          }
        },
        {
          "name": "Django - Template Tags",
          "scope": [
            "storage.type.templatetag.django",
            "entity.tag.tagbraces.django",
            "entity.other.django.delimiter.tag",
            "meta.scope.django.tag"
          ],
          "settings": {
            "fontStyle": "bold",
            "foreground": "#DA70BF"
          }
        }
      ]
    }
  },
  "editor.unicodeHighlight.allowedCharacters": {
    "️": true
  },
  "editor.wordWrap": "bounded",
  "editor.wordWrapColumn": 120,
  "emmet.includeLanguages": {
    "astro": "html",
    "django-html": "html",
    "javascript": "javascriptreact",
    "jinja-html": "html"
  },
  "emmet.syntaxProfiles": {
    "html": {
      "inline_break": 3,
      "self_closing_tag": "xhtml"
    },
    "jsx": {
      "inline_break": 3,
      "self_closing_tag": "xhtml"
    }
  },
  "emmet.triggerExpansionOnTab": true,
  "errorLens.enabledDiagnosticLevels": [
    "error",
    "warning",
    "info",
    "hint"
  ],
  "errorLens.excludeBySource": [
    "ts"
  ],
  "errorLens.fontFamily": "SauceCodePro NF",
  "errorLens.gutterIconSet": "borderless",
  "errorLens.gutterIconsEnabled": true,
  "errorLens.messageTemplate": "$severity [1/$count] $message [$source] <$code>",
  "errorLens.severityText": [
    "🔥 ",
    "⚠️ ",
    "🔷 ",
    "💡 "
  ],
  "errorLens.statusBarColorsEnabled": true,
  "errorLens.statusBarMessageEnabled": true,
  "eslint.probe": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "html",
    "vue",
    "markdown",
    "next",
    "next.js"
  ],
  "explorer.autoReveal": false,
  "explorer.compactFolders": false,
  "explorer.confirmDelete": false,
  "explorer.confirmDragAndDrop": false,
  "explorer.fileNesting.enabled": true,
  "explorer.openEditors.visible": 20,
  "files.associations": {
    "**/*.html": "html",
    "**/requirements{/**,*}.{txt,in}": "pip-requirements",
    "**/templates/**/*.html": "django-html",
    "*.html": "html",
    "*.js": "javascript",
    ".env": "env",
    ".env.example": "env",
    ".env.local": "env"
  },
  "files.autoSave": "off",
  "files.exclude": {
    "**/.trunk/*out": true
  },
  "files.insertFinalNewline": true,
  "files.trimFinalNewlines": true,
  "git.autofetch": true,
  "git.confirmSync": false,
  "git.enableSmartCommit": true,
  "git.ignoreLimitWarning": true,
  "git.mergeEditor": true,
  "github.copilot.enable": {
    "*": true,
    "css": false,
    "env": false,
    "javascript": true,
    "javascriptreact": true,
    "markdown": true,
    "plaintext": true,
    "python": false,
    "yaml": false
  },
  "gitlens.changes.locations": [
    "gutter",
    "overview"
  ],
  "gitlens.hovers.currentLine.over": "line",
  "html-css-class-completion.CSSLanguages": [
    "css",
    "sass",
    "scss"
  ],
  "html-css-class-completion.HTMLLanguages": [
    "javascript",
    "javascriptreact",
    "html",
    "vue",
    "razor",
    "blade",
    "handlebars",
    "twig",
    "django-html",
    "php",
    "markdown",
    "erb",
    "ejs",
    "svelte"
  ],
  "html-css-class-completion.JavaScriptLanguages": [
    "javascript",
    "javascriptreact",
    "typescriptreact"
  ],
  "html-css-class-completion.enableEmmetSupport": true,
  "html.format.enable": true,
  "html.format.indentHandlebars": true,
  "html.format.indentInnerHtml": true,
  "html.format.wrapAttributes": "force-aligned",
  "html.format.wrapLineLength": 80,
  "importCost.largePackageColor": "#d44e4060",
  "importCost.mediumPackageColor": "#7cc36e60",
  "importCost.smallPackageColor": "#7cc36e60",
  "importCost.timeout": 100000,
  "inline-bookmarks.view.showVisibleFilesOnly": true,
  "inlineFold.autoFold": true,
  "inlineFold.unfoldOnLineSelect": true,
  "inlineFold.supportedLanguages": [
    "javascriptreact",
    "JavaScript React",
    "html",
    "svelte",
  ],
  "inlineFold.unfoldedOpacity": 1,
  "isort.args": [
    "--multi-line=3",
    "--trailing-comma",
    "--force-grid-wrap=0",
    "--use-parentheses",
    "--line-width=88"
  ],
  "javascript.updateImportsOnFileMove.enabled": "always",
  "json.schemas": [],
  "jsonColorToken.languages": [
    "json",
    "jsonc",
    "javascript"
  ],
  // "js/ts.implicitProjectConfig.checkJs": true
  // "javascript.validate.enable": false,
  "liveServer.settings.donotShowInfoMsg": true,
  "liveServer.settings.donotVerifyTags": true,
  "ltex.additionalRules.enablePickyRules": true,
  "ltex.configurationTarget": {
    "dictionary": "userExternalFile",
    "disabledRules": "user",
    "hiddenFalsePositives": "workspaceFolderExternalFile"
  },
  "markdown-pdf.headerTemplate": "<div style=\"font-size: 9px; margin-left: 1cm;\"> <span class='title'></span></div> <div style=\"font-size: 9px; margin-left: auto; margin-right: 1cm; \">Guillermo  Brachetta - <span class='date'></span></div>",
  "markdown-pdf.highlightStyle": "atom-one-dark.css",
  "markdown-pdf.margin.bottom": "1.5cm",
  "markdown-pdf.styles": [
    "/Users/Guille/Code/Documents/VSCode/markdown-pdf-styles.css"
  ],
  "markdown-preview-enhanced.codeBlockTheme": "atom-material.css",
  "markdown-preview-enhanced.enableTypographer": true,
  "markdown-preview-enhanced.frontMatterRenderingOption": "code block",
  "markdown-preview-enhanced.previewTheme": "night.css",
  "markdown.preview.breaks": true,
  "markdownlint.config": {
    "MD033": false
  },
  "material-icon-theme.activeIconPack": "react_redux",
  "material-icon-theme.folders.color": "#FF6600",
  "mdb.confirmRunAll": false,
  "notebook.cellToolbarLocation": {
    "default": "right",
    "jupyter-notebook": "right"
  },
  "notebook.lineNumbers": "on",
  "npm-intellisense.packageSubfoldersIntellisense": true,
  "npm.enableRunFromFolder": true,
  "oneDarkPro.bold": true,
  "peacock.affectStatusAndTitleBorders": true,
  "peacock.affectTabActiveBorder": true,
  "peacock.favoriteColors": [
    {
      "name": "Angular Red",
      "value": "#dd0531"
    },
    {
      "name": "Azure Blue",
      "value": "#007fff"
    },
    {
      "name": "JavaScript Yellow",
      "value": "#f9e64f"
    },
    {
      "name": "Mandalorian Blue",
      "value": "#1857a4"
    },
    {
      "name": "Node Green",
      "value": "#215732"
    },
    {
      "name": "React Blue",
      "value": "#61dafb"
    },
    {
      "name": "Something Different",
      "value": "#832561"
    },
    {
      "name": "Svelte Orange",
      "value": "#ff3d00"
    },
    {
      "name": "Vue Green",
      "value": "#42b883"
    },
    {
      "name": "Grapes",
      "value": "#48254b"
    },
    {
      "name": "Deep Blue",
      "value": "#001933"
    }
  ],
  "pieces.autocomplete": false,
  "prettier.singleQuote": true,
  "projectManager.git.baseFolders": [
    "/Users/Guille/Code"
  ],
  "projectManager.tags": [
    "Personal",
    "Work",
    "Django",
    "React",
    "Nextjs",
    "Gatsby"
  ],
  "python.envFile": "${workspaceFolder}/.env",
  "python.formatting.blackArgs": [
    "--line-length=119"
  ],
  "python.formatting.provider": "black",
  "python.interpreter.infoVisibility": "always",
  "python.languageServer": "Pylance",
  "python.linting.enabled": true,
  "python.linting.flake8Args": [
    "--line-length=119"
  ],
  "python.linting.flake8Enabled": true,
  "python.linting.ignorePatterns": [
    ".vscode/*.py",
    "**/site-packages/**/*.py",
    "**/migrations/**"
  ],
  "python.linting.pycodestyleArgs": [
    "--line-length=119"
  ],
  "python.linting.pycodestyleEnabled": true,
  "python.linting.pylintArgs": [
    "--enable=all",
    "--load-plugins=pylint_django",
    "--load-plugins=pylint_django.checkers.migrations",
    "--load-plugins",
    "pylint_django",
    "--load-plugins",
    "pylint_django.checkers.migrations",
    "--disable=C0114, C0115, W0222",
    "--disable=imported-auth-user",
    "--disable=invalid-name",
    "--disable=line-too-long",
    "--disable=too-many-ancestors"
  ],
  "python.linting.pylintEnabled": true,
  "python.pythonPath": "/Library/Developer/CommandLineTools/usr/bin/python3",
  "python.terminal.activateEnvironment": false,
  "python.testing.promptToConfigure": false,
  "python.testing.pytestArgs": [
    "todo"
  ],
  "python.testing.pytestEnabled": false,
  "python.testing.unittestArgs": [
    "-v",
    "-s",
    ".",
    "-p",
    "test_*.py"
  ],
  "python.testing.unittestEnabled": false,
  "python.venvPath": "${workspaceFolder}/.venv",
  "reactSnippets.settings.importReactOnTop": false,
  "redhat.telemetry.enabled": false,
  "scss.implicitlyLabel": "implicitly",
  "scss.showErrors": true,
  "search.exclude": {
    "**/*.lock": true,
    "**/.env": true,
    "**/.next": true
  },
  "security.workspace.trust.untrustedFiles": "open",
  "sqltools.useNodeRuntime": true,
  "tailwindCSS.emmetCompletions": true,
  "template-string-converter.autoRemoveTemplateString": true,
  "terminal.external.osxExec": "iTerm.app",
  "terminal.integrated.cursorBlinking": true,
  "terminal.integrated.cursorStyle": "line",
  "terminal.integrated.defaultProfile.osx": "zsh",
  "terminal.integrated.env.osx": {
    "FIG_NEW_SESSION": "1"
  },
  "terminal.integrated.fontFamily": "SauceCodePro NF",
  "terminal.integrated.fontSize": 14,
  // "terminal.integrated.gpuAcceleration": "canvas",
  "terminal.integrated.inheritEnv": false,
  "terminal.integrated.minimumContrastRatio": 1,
  "terminal.integrated.profiles.osx": {
    "bash": {
      "icon": "terminal-bash",
      "path": "bash"
    },
    "fish": {
      "path": "fish"
    },
    "pwsh": {
      "icon": "terminal-powershell",
      "path": "pwsh"
    },
    "tmux": {
      "icon": "terminal-tmux",
      "path": "tmux"
    },
    "zsh": {
      "path": "zsh"
    }
  },
  "terminal.integrated.smoothScrolling": true,
  "todo-tree.general.tags": [
    "BUG",
    "HACK",
    "FIXME",
    "TODO",
    "INFO"
  ],
  "todo-tree.highlights.customHighlight": {
    "BUG": {
      "background": "#ff634720",
      "foreground": "#ff634790",
      "icon": "bug",
      "iconColour": "#ff6347"
    },
    "FIXME": {
      "background": "#FFA50020",
      "foreground": "#FFA50090",
      "icon": "flame",
      "iconColour": "#FFA500"
    },
    "INFO": {
      "background": "#1ac56a20",
      "foreground": "#1ac56a",
      "icon": "question",
      "iconColour": "#1ac56a"
    },
    "TODO": {
      "background": "#55A2C930",
      "foreground": "#55A2C9",
      "icon": "pin",
      "iconColour": "#55A2C9"
    }
  },
  "todo-tree.highlights.defaultHighlight": {
    "fontWeight": "bold",
    "gutterIcon": true,
    "type": "text-and-comment"
  },
  "todo-tree.highlights.enabled": true,
  "todo-tree.tree.scanMode": "open files",
  "todo-tree.tree.showCountsInTree": true,
  "todo.timekeeping.created.format": "DD-MM-YY HH:mm",
  "todo.timekeeping.finished.format": "DD-MM-YY HH:mm",
  "todo.timekeeping.started.format": "DD-MM-YY HH:mm",
  "todohighlight.isCaseSensitive": true,
  "todohighlight.keywords": [
    {
      "backgroundColor": "steelblue",
      "color": "white",
      "text": "GOOD:"
    },
    {
      "backgroundColor": "green",
      "color": "white",
      "text": "KEEP:"
    },
    {
      "backgroundColor": "silver",
      "color": "black",
      "text": "NOTE:"
    },
    {
      "backgroundColor": "tomato",
      "color": "white",
      "text": "BUG:"
    }
  ],
  "trailing-spaces.backgroundColor": "rgba(255,0,0,0.2)",
  "trunk.trunkGrayOutNonBlockingIssues": false,
  "turboConsoleLog.addSemicolonInTheEnd": true,
  "turboConsoleLog.logMessagePrefix": "⭕️",
  "turboConsoleLog.quote": "'",
  "typescript.updateImportsOnFileMove.enabled": "always",
  "typescript.validate.enable": true,
  "vscode-edge-devtools.headless": true,
  "vscode-edge-devtools.webhint": false,
  "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
  "window.commandCenter": true,
  "window.zoomLevel": 0.8,
  "workbench.colorCustomizations": {
    "activityBar.activeBorder": "#FF7B00",
    "activityBar.background": "#181818",
    "activityBar.foreground": "#55A2C9",
    "activityBarBadge.background": "#FF7B00",
    "activityBarBadge.foreground": "#131313",
    "badge.background": "#C2954C",
    "badge.foreground": "#000000",
    "button.background": "#FF6600",
    "button.foreground": "#292929",
    "diffEditor.insertedTextBackground": "#75ff6810",
    "diffEditor.removedTextBackground": "#FF4B4B1c",
    "editor.background": "#131313",
    "editor.foldBackground": "#c8bd5b3a",
    "editor.selectionHighlightBackground": "#4b4b4b30",
    "editor.selectionHighlightBorder": "#c8c8c830",
    "editor.wordHighlightBackground": "#3a3a3a30",
    "editor.wordHighlightBorder": "#64646430",
    "editorLineNumber.activeForeground": "#FF7B00",
    "editorLineNumber.foreground": "#2B5266",
    "editorRuler.foreground": "#3B3511",
    "editorSuggestWidget.selectedForeground": "#06b5d4",
    "errorLens.errorBackground": "#00000000",
    "errorLens.errorForeground": "#D66E5B70",
    "errorLens.hintBackground": "#00000000",
    "errorLens.hintForeground": "#3C9C5940",
    "errorLens.infoBackground": "#00000000",
    "errorLens.infoForeground": "#57B6EE50",
    "errorLens.warningBackground": "#00000000",
    "errorLens.warningForeground": "#FFA60060",
    "focusBorder": "#202020",
    "gitDecoration.deletedResourceForeground": "#8B2D2D",
    "gitDecoration.ignoredResourceForeground": "#495964",
    "gitDecoration.modifiedResourceForeground": "#5dabb9",
    "list.focusHighlightForeground": "#00d9ff",
    "list.hoverForeground": "#FF7B00",
    "panelTitle.activeBorder": "#FF7B00",
    "panelTitle.inactiveForeground": "#525252",
    "quickInputList.focusForeground": "#06b5d4",
    "sash.hoverBorder": "#A75000",
    "sideBar.background": "#1b1b1b",
    "sideBar.foreground": "#818181",
    "sideBarSectionHeader.background": "#181818",
    "sideBarSectionHeader.foreground": "#525252",
    "statusBar.background": "#114F79",
    "statusBar.foreground": "#9DE2FD",
    "statusBar.noFolderBackground": "#98b96c",
    "statusBar.noFolderForeground": "#272727",
    "tab.activeBorder": "#FF7B00",
    "tab.activeBorderTop": "#ff7b008e",
    "tab.hoverBackground": "#1A1919",
    "terminal.ansiBlack": "#203E50",
    "terminal.ansiBlue": "#2B82B8",
    "terminal.ansiBrightBlack": "#665C54",
    "terminal.ansiBrightBlue": "#0695EE",
    "terminal.ansiBrightCyan": "#38E9E9",
    "terminal.ansiBrightGreen": "#AAFF48",
    "terminal.ansiBrightMagenta": "#D43B9A",
    "terminal.ansiBrightRed": "#ff381e",
    "terminal.ansiBrightWhite": "#FDF4C1",
    "terminal.ansiBrightYellow": "#FAC03B",
    "terminal.ansiCyan": "#52CAC4",
    "terminal.ansiGreen": "#3DB412",
    "terminal.ansiMagenta": "#8F4673",
    "terminal.ansiRed": "#E2442F",
    "terminal.ansiWhite": "#FAC03B",
    "terminal.ansiYellow": "#dba315",
    "terminal.background": "#1E242B",
    "terminal.foreground": "#DAD5C1",
    "terminal.selectionBackground": "#6BB2B9",
    "terminalCursor.background": "#B9D1D8",
    "terminalCursor.foreground": "#BDE9D6"
  },
  "workbench.colorTheme": "One Dark Pro",
  "workbench.editor.decorations.badges": true,
  "workbench.editor.decorations.colors": true,
  "workbench.editorAssociations": {
    "*.ipynb": "jupyter-notebook"
  },
  "workbench.iconTheme": "material-icon-theme",
  "workbench.layoutControl.enabled": true,
  "workbench.layoutControl.type": "toggles",
  "workbench.list.smoothScrolling": true,
  "workbench.productIconTheme": "fluent-icons",
  "workbench.settings.editor": "json",
  "workbench.settings.openDefaultSettings": false,
  "workbench.settings.useSplitJSON": false,
  "workbench.sideBar.location": "right",
  "workbench.startupEditor": "none",
  "files.watcherExclude": {
    "**/.trunk/*out": true
  },
  "rapidapi.terminalLink.enabled": false,
  "cSpell.userWords": [
    "Eudoxus"
  ],
  "license.author": "Guillermo Brachetta",
  "license.default": "MIT",
  "ltex.disabledRules": {
    "en-US": [
      "EN_QUOTES",
      "ENGLISH_WORD_REPEAT_BEGINNING_RULE",
      "MORFOLOGIK_RULE_EN_US",
      "PASSIVE_VOICE"
    ]
  },
  "comments.visible": true,
  "workbench.experimental.settingsProfiles.enabled": true,
  "console-ninja.toolsToEnableSupportAutomaticallyFor": {
    "live-server": true,
    "live-preview": true
  },
  // "headwind.prependCustomClasses": true,
  "headwind.classRegex": {
    "javascriptreact": "(?:\\b(?:class|className)?\\s*=\\s*{?[\\\"\\']([_a-zA-Z0-9\\s\\-\\:/]+)[\\\"\\']}?)",
    "typescriptreact": "(?:\\b(?:class|className)?\\s*=\\s*{?[\\\"\\']([_a-zA-Z0-9\\s\\-\\:/]+)[\\\"\\']}?)"
  },
  "hediet.vscode-drawio.resizeImages": null,
  "hediet.vscode-drawio.codeLinkActivated": false,
  "hediet.vscode-drawio.theme": "dark",
}

Describe your issue

Since the latest major VS Code version update (1.78) the color decorators for utility classes stopped working. In the attached screenshot I should see two color decorators for bg-primary-orange and text-white.

Screenshot 2023-05-12 at 11 41 43

gyurielf commented 1 year ago

FYI

https://github.com/tailwindlabs/tailwindcss/discussions/11212 https://github.com/microsoft/vscode/issues/182214

GBrachetta commented 1 year ago

If it helps, I got back the color previews for Tailwind classes when I uninstalled the extension json-color-token.

bradlc commented 1 year ago

Hey @GBrachetta, thanks for reporting this! I will leave this open here so we can track the issue, but I think this is a VS Code bug: https://github.com/microsoft/vscode/issues/182534

issam-seghir commented 1 year ago

I have the same problem in windows tailwindcss@3.3.2 and Tailwind CSS IntelliSense Version: 0.9.11

gyurielf commented 1 year ago

It will be fixed in the next vscode release: https://github.com/microsoft/vscode/issues/182534