PhpStorm 2016.3 Help

Changing Color Values in Style Sheets

Introduction

In addition to the editing techniques that are common for all file types, PhpStorm provides specific
techniques for CSS, Sass, SCSS and
Less files.

In particular, it is possible to easily change color values without the necessity to memorize and type color
codes.

The color properties are marked with the icons of the corresponding color in the left gutter area of
the editor. Use these icons to view colors and change color values. When you point with your mouse cursor to the
color icon, the pop-up window appears, showing the color and its code.

Choosing color value

To choose color value in a style sheet

Open the desired style sheet for editing.

Type color:, and then press Ctrl+Space.

Select the desired color value from the suggestion list, or choose color... to pick
a custom one:

Changing color value

To change color value in a style sheet

Open the desired style sheet for editing, and locate color property to be changed.

Do one of the following:

If the color icon is shown, just double-click is in the left gutter of the
editor.

If the color icon is not shown,
then press Alt+Enter, or click to reveal the
list of intention actions, and choose Change color intention action:

In the Choose color dialog box, pick the desired new color, and click
Choose: