Color Swatches not working in tailwind.config

[schellenbergk]

What version of VS Code are you using?

1.87.0

What version of Tailwind CSS IntelliSense are you using?

v0.10.5

What version of Tailwind CSS are you using?

3.4.1

What package manager are you using?

yarn

What operating system are you using?

macOS

Tailwind config

import type { Config } from 'tailwindcss';

const config: Config = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        test: '#0091E9',
      }
    }
  }
};

export default config;

VS Code settings

{
  "editor.minimap.enabled": false,
  "window.restoreWindows": "all",
  "window.newWindowDimensions": "maximized",

  "scss.validate": false,
  "workbench.colorTheme": "SynthWave '84",
  "files.exclude": {
    "**/wp-content/cache/*": true,
    "**/wp-content/mysql.sql": true
  },
  "explorer.confirmDelete": false,
  "eslint.codeAction.disableRuleComment": {},
  "eslint.format.enable": true,
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "scss.completion.completePropertyWithSemicolon": false,
  "less.completion.completePropertyWithSemicolon": false,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "prettier.singleQuote": true,
  "prettier.trailingComma": "none",
  "security.workspace.trust.untrustedFiles": "open",
  "[shellscript]": {
    "editor.defaultFormatter": "foxundermoon.shell-format"
  },
  "editor.wordWrap": "on",
  "editor.formatOnSave": true,
  "[dotenv]": {
    "editor.defaultFormatter": "foxundermoon.shell-format"
  },
  "editor.inlineSuggest.enabled": true,
  "terminal.integrated.defaultProfile.osx": "bash",
  "terminal.integrated.autoReplies": {},
  "workbench.iconTheme": "vscode-icons",
  "[svg]": {
    "editor.defaultFormatter": "jock.svg"
  },
  "terminal.integrated.enableMultiLinePasteWarning": "never",
  "todo.file.include": [
    "**/TODO"
  ],
  "[python]": {
    "editor.formatOnType": true
  },
  "[prisma]": {
    "editor.defaultFormatter": "Prisma.prisma",
    "editor.formatOnSave": true
  },
  "liveServer.settings.donotShowInfoMsg": true,
  "tailwindCSS.classAttributes": ["class", "ngClass", "className*"]
}

Describe your issue

Color swatches work everywhere except tailwind.config.ts/js

[thecrypticace]

Closing in favor of #910