Webstorm Theme Configuration

Import a downloaded theme

Custom Syntax Highlighting
Open the settings interface with Ctrl+alt+s, Editor > Colors&fonts.

Different languages have their own syntax highlighting rules, but some of them are generic (general), we first set it up, and then set the syntax highlighting for different languages as needed.

General 's Settings
Normal Text: default text
collapsed text: Folded text
cursor: Caret
cursor Line: Caret row
Line number:
Todo:todo Default
variable highlighting under cursor: Search result
search results: Text search Result
matching parentheses: matched brace
Mismatched parentheses: unmatched brace
unused symbol: Unused symbol
left void (line number, breakpoint): Gutter background
selected text background color: Selection background
selected text foreground color: Selection foreground

Webstorm Theme Configuration