Changing Color Values in Style Sheets
In addition to the editing techniques that are common for all file types, WebStorm 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.
To choose color value in a style sheet
- Open the desired style sheet for editing.
color:, and then press Ctrl+Space.
- Select the desired color value from the suggestion list, or choose color... to pick a custom one:
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:
- In the Choose color dialog box, pick the desired new color, and click Choose: