Removing redundant color box in VS Code

Viewed 1104

New to coding. How do I remove the redundant color box next to the highlighted(colored) item in VSCode? I like to keep 'Colorize' and remove the unknown and redundant extension.

Here are the extensions I have installed. Enabled Extensions Screenshot

Here is the issue screenshot. code screenshot

2 Answers

Add this lines in your settings.json by pressing ctrl+shift+p and pressing Open Settings (JSON)

"css.colorDecorators.enable": false,
"scss.colorDecorators.enable": false,
"less.colorDecorators.enable": false,

As of VS Code v1.49 (August 2020), this is the setting:

"editor.colorDecorators": false
Related