How to remove these color preview in PhpStorm

To remove the color preview in PhpStorm, you can adjust the settings related to color highlighting in your editor. Here’s how you can do it:

1. Open Preferences/Settings:

   • On Windows/Linux: Go to File > Settings.
   • On macOS: Go to PhpStorm > Preferences.

2. Navigate to Editor Settings:

   • In the Settings/Preferences dialog, go to Editor > Color Scheme > General.

3. Disable Color Preview:

   • Look for an option related to color preview or inline color highlighting. This might be under a section like Inline Elements or Code.
   • Uncheck or disable the option that enables color preview.

4. Apply Changes:

   • Click Apply and then OK to save your changes.

If you can't find the exact setting, it might be under a different name or location depending on your PhpStorm version. You can also use the search bar in the Settings/Preferences dialog to search for terms like "color preview" or "inline color".

If the above steps don't work, you might want to check if there are any specific plugins that are causing this behavior and disable them if necessary.