Regular Expressions 101

Group 1(\.actionBlock\[selected\]\s*{[^{}]+?color:\s*)

\.the literal . (46₁₀ / 56₈ / 2E₁₆)

actionBlockthe literal text actionBlock (case sensitive)

\[the literal [ (91₁₀ / 133₈ / 5B₁₆)

selectedthe literal text selected (case sensitive)

\]the literal ] (93₁₀ / 135₈ / 5D₁₆)

\s*a Unicode whitespace character, repeated any number of times

{the literal { (123₁₀ / 173₈ / 7B₁₆)

Negated Character Class[^{}]+?

+?matches at least one character outside the set below:

{the literal { (123₁₀ / 173₈ / 7B₁₆)

}the literal } (125₁₀ / 175₈ / 7D₁₆)

color:the literal text color: (case sensitive)

\s*a Unicode whitespace character, repeated any number of times

Group 2([^;]+)

Negated Character Class[^;]+

+matches at least one character outside the set below:

;the literal ; (59₁₀ / 73₈ / 3B₁₆)

Group 3(;)

;the literal ; (59₁₀ / 73₈ / 3B₁₆)

Global pattern flags

g modifier: global. Finds all matches instead of stopping after the first

m modifier: multiline. Causes ^ and $ to match the start and end of each line, not only the start and end of the string

Detailed match information will be displayed here automatically.

Search reference

Regular Expression

(\.actionBlock\[selected\]\s*{[^{}]+?color:\s*)([^;]+)(;)

New

.actionBlock[selected] {
  color: var(--gray11);
  background-color: var(--gray11);
}

$1#FFF; /* EDITED : $2 */