custom colors not working

[anthonybrown]

Am I missing something here? Setting the colors for other labels like NOTE: or BUG:
doesn't seem to work. So I started fooling around with the settings.json to see if I could change the colors of the labels that do work ie: FIXME: and TODO: and they don't seem to pick up the new colors. Does anyone know why?

[jgclark]

Without more detail it's impossible to tell what you're not doing right.
But I can suggest you switch to the separate "TODO Highlight V2" fork of this extension, which has clearer documentation, and is more flexible?

[anthonybrown]

Here is my settings.json file

  "todohighlight.isCaseSensitive": false,
  "todohighlight.isEnable": true,
  "todohighlight.keywords": [
    // {
    //   "text": "NOTE:",
    //   "color": "#ecf0f1",
    //   "border": "1px solid #2980b9",
    //   "borderRadius": "4px",
    //   "backgroundColor": "orange",
    //   "isWholeLine": true
    // },
    //  {
    //   "text": "HACK:",
    //   "color": "hsl(330, 95%, 36%)",
    //   "border": "1px solid #1a0033",
    //   "borderRadius": "4px",
    //   "backgroundColor": "palevioletred",
    //   "isWholeLine": true
    // },

    {
      "text": "NOTE:",
      "color": "#ffffff",
      "backgroundColor": "palevioletred",
      "border": "1px solid #ffffff",
      "borderRadius": "4px",
      "isWholeLine": true
    },
    {
      "text": "FIXME:",
      "color": "hsl(330, 95%, 36%)",
      "border": "1px solid #8019e7",
      "borderRadius": "4px",
      "backgroundColor": "#ff91da",
      "isWholeLine": true
    },
     {
      "text": "NOTE:",
      "color": "#ffffff",
      "border": "1px solid #ffffff",
      "borderRadius": "4px",
      "backgroundColor": "mediumslateblue",
      "isWholeLine": true
    },{
      "text": "BUG:",
      "color": "#ecf0f1",
      "border": "1px solid #c0392b",
      "borderRadius": "4px",
      "backgroundColor": "firebrick",
      "isWholeLine": true
    },
    {
      "text": "TODO:",
      "color": "#ffffff",
      "border": "1px solid #c90487",
      "borderRadius": "4px",
      "backgroundColor": "#f1c40f",
      "padding": "1rem",
      "isWholeLine": true
    },
    {
      "text": "FIXED:",
      "color": "#ffffff",
      "border": "1px solid #c90487",
      "borderRadius": "4px",
      "backgroundColor": "darkmagenta",
      "padding": "5px",
      "isWholeLine": true
    }
  ],
  "todohighlight.defaultStyle":{
    "color": "#ffffff",
    "backgroundColor": "firebrick",
    "padding": "1rem"
  },
  "todohighlight.include": [
    "**/*.js",
    "**/*.jsx",
    "**/*.ts",
    "**/*.html",
    "**/*.css",
    "**/*.php",
    "**/*.scss",
    "**/*.ruby",
    "**/*.py",
  ],
  "todohighlight.exclude": [
    "**/node_modules/**",
    "**/bower_components/**",
    "**/dist/**",
    "**/build/**",
    "**/.vscode/**",
    "**/.github/**",
    "**/_output/**",
    "**/*.min.*",
    "**/*.map",
    "**/.next/**"
  ],
  "todohighlight.maxFilesForSearch": 5120,
  "todohighlight.toggleURI": false,

[anthonybrown]

I did the upgrade to Highlight V2 but that didn't resolve the issue. Don't know if it helps but this is happening on my windows machine

[jgclark]

Did you resolve this with V2? If not, please raise a fresh issue at the separate repo https://github.com/jgclark/vscode-todo-highlight.

[SaharBahloul]

REVIEW:": {
// New keyword added
text: "REVIEW:",
color: "#fff",
backgroundColor: "#8a2be2", // Purple color for background
overviewRulerColor: "rgba(138,43,226,0.8)", // Slightly transparent purple for the overview ruler
} I've set it this way when i tested it it works for me