From 076e9fa73e4c169dab5c3fb6251fbae5bb51ed56 Mon Sep 17 00:00:00 2001
From: Raymond Hill <rhill@raymondhill.net>
Date: Wed, 4 Dec 2024 10:48:55 -0500
Subject: [PATCH] Visually separate scriptlet parameters in active line

This makes it easier to see how parameters are parsed internally,
in order to make it easier to distinguish commas as separator and
literal commas meant to be part of a parameter.

Related discussion:
https://github.com/uBlockOrigin/uBlock-discussions/discussions/865#discussioncomment-11461980
---
 src/css/codemirror.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/css/codemirror.css b/src/css/codemirror.css
index 9036acc99..d1ca9fa10 100644
--- a/src/css/codemirror.css
+++ b/src/css/codemirror.css
@@ -134,6 +134,10 @@
 .cm-theme-override .cm-s-default .cm-variable {
     color: var(--sf-variable-ink);
     }
+.cm-theme-override .cm-s-default .CodeMirror-activeline .cm-ext-js .cm-variable {
+    text-decoration: underline color-mix(in srgb, var(--sf-variable-ink) 30%, transparent) solid 3px;
+    text-decoration-skip-ink: none;
+    }
 .cm-theme-override .cm-s-default .cm-warning {
     background-color: var(--sf-warning-surface);
     text-decoration: underline var(--sf-warning-ink);