gorhill
diff --git a/‎src/1p-filters.html
Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions b/‎src/1p-filters.html
Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions
diff --git a/‎src/3p-filters.html
Copy file name to clipboard
+2Lines changed: 2 additions & 0 deletions b/‎src/3p-filters.html
Copy file name to clipboard
+2Lines changed: 2 additions & 0 deletions
diff --git a/‎src/about.html
Copy file name to clipboard
+3Lines changed: 3 additions & 0 deletions b/‎src/about.html
Copy file name to clipboard
+3Lines changed: 3 additions & 0 deletions
diff --git a/‎src/advanced-settings.html
Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions b/‎src/advanced-settings.html
Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions
diff --git a/‎src/asset-viewer.html
Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions b/‎src/asset-viewer.html
Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions
diff --git a/‎src/css/codemirror.css
Copy file name to clipboard
+12-8Lines changed: 12 additions & 8 deletions b/‎src/css/codemirror.css
Copy file name to clipboard
+12-8Lines changed: 12 additions & 8 deletions
diff --git a/‎src/css/common.css
Copy file name to clipboard
+2-2Lines changed: 2 additions & 2 deletions b/‎src/css/common.css
Copy file name to clipboard
+2-2Lines changed: 2 additions & 2 deletions
diff --git a/‎src/css/dashboard-common.css
Copy file name to clipboard
+4Lines changed: 4 additions & 0 deletions b/‎src/css/dashboard-common.css
Copy file name to clipboard
+4Lines changed: 4 additions & 0 deletions
diff --git a/‎src/css/document-blocked.css
Copy file name to clipboard
+10-10Lines changed: 10 additions & 10 deletions b/‎src/css/document-blocked.css
Copy file name to clipboard
+10-10Lines changed: 10 additions & 10 deletions
diff --git a/‎src/css/logger-ui.css
Copy file name to clipboard
+16-32Lines changed: 16 additions & 32 deletions b/‎src/css/logger-ui.css
Copy file name to clipboard
+16-32Lines changed: 16 additions & 32 deletions
@@ -50,6 +50,7 @@
 <script src="lib/codemirror/addon/search/searchcursor.js"></script>
 <script src="lib/codemirror/addon/selection/active-line.js"></script>
 <script src="lib/diff/swatinem_diff.js"></script>
+<script src="lib/hsluv/hsluv-0.1.0.min.js"></script>
 
 <script src="js/codemirror/search.js"></script>
 <script src="js/codemirror/search-thread.js"></script>
 
@@ -70,6 +70,8 @@
     </div>
 </div>
 
+<script src="lib/hsluv/hsluv-0.1.0.min.js"></script>
+
 <script src="js/fa-icons.js"></script>
 <script src="js/vapi.js"></script>
 <script src="js/vapi-common.js"></script>
 
@@ -35,6 +35,7 @@
         <div class="li"><span><a href="https://fontawesome.com/" target="_blank">FontAwesome font family</a> by <a href="https://github.com/davegandy">Dave Gandy</a></span></div>
         <div class="li"><span><a href="https://github.com/Swatinem/diff" target="_blank">An implementation of Myers' diff algorithm</a> by <a href="https://github.com/Swatinem">Arpad Borsos</a></span></div>
         <div class="li"><span><a href="https://github.com/foo123/RegexAnalyzer" target="_blank">Regular Expression Analyzer</a> by <a href="https://github.com/foo123">Nikos M.</a></span></div>
+        <div class="li"><span><a href="https://github.com/hsluv/hsluv" target="_blank">HSLuv - Human-friendly HSL</a> by <a href="https://github.com/foo123">Alexei Boronine</a></span></div>
     </div>
     <div class="li"><span data-i18n="aboutCDNs"></span></div>
     <div class="liul">
@@ -44,6 +45,8 @@
     </div>
 </div>
 
+<script src="lib/hsluv/hsluv-0.1.0.min.js"></script>
+
 <script src="js/vapi.js"></script>
 <script src="js/vapi-common.js"></script>
 <script src="js/vapi-client.js"></script>
 
@@ -27,6 +27,7 @@
 
 <script src="lib/codemirror/lib/codemirror.js"></script>
 <script src="lib/codemirror/addon/selection/active-line.js"></script>
+<script src="lib/hsluv/hsluv-0.1.0.min.js"></script>
 
 <script src="js/fa-icons.js"></script>
 <script src="js/vapi.js"></script>
 
@@ -33,6 +33,7 @@
 <script src="lib/codemirror/addon/scroll/annotatescrollbar.js"></script>
 <script src="lib/codemirror/addon/search/searchcursor.js"></script>
 <script src="lib/codemirror/addon/selection/active-line.js"></script>
+<script src="lib/hsluv/hsluv-0.1.0.min.js"></script>
 
 <script src="js/codemirror/search.js"></script>
 <script src="js/codemirror/search-thread.js"></script>
 
@@ -12,9 +12,6 @@
     height: 100%;
     width: 100%;
     }
-.CodeMirror-activeline-background {
-    background-color: var(--cm-active-line);
-    }
 .CodeMirror-cursor {
     border-color: var(--cm-cursor);
     }
@@ -118,6 +115,7 @@
     color: var(--sf-variable-ink);
     }
 .cm-s-default .cm-warning {
+    background-color: var(--sf-warning-surface);
     text-decoration: underline var(--sf-warning-ink);
     text-underline-position: under;
     }
@@ -166,7 +164,7 @@
     font-size: 140%;
     }
 .cm-search-widget .fa-icon:not(.fa-icon-ro):hover {
-    fill: #000;
+    fill: var(--ink-1);
     }
 .cm-search-widget-input input {
     border: 1px solid var(--cm-gutter-ink);
@@ -205,11 +203,11 @@
     color: var(--cm-merge-copy-ink);
     }
 .CodeMirror-merge-l-chunk {
-    background-color: var(--cm-merge-l-chunk-surface);
+    background-color: var(--cm-merge-chunk-surface);
     }
 .CodeMirror-merge-l-chunk-start,
 .CodeMirror-merge-l-chunk-end {
-    border-color: var(--cm-merge-l-chunk-border);
+    border-color: var(--cm-merge-chunk-border);
     }
 .CodeMirror-merge-l-deleted {
     background-image: none;
@@ -224,10 +222,16 @@
     vertical-align: top;
     }
 .CodeMirror-merge-spacer {
-    background-color: var(--surface-0);
-    opacity: 40%;
+    background-color: var(--cm-merge-chunk-surface);
     }
 
 .CodeMirror-hints {
     z-index: 10000;
     }
+
+/* Must appear after other background color declarations to be sure it
+ * overrides them
+ * */
+.CodeMirror-activeline-background {
+    background-color: var(--cm-active-line);
+    }
@@ -115,7 +115,7 @@ button.active {
     }
 button.disabled,
 button[disabled] {
-    background-color: var(--button-surface);
+    background-color: var(--button-disabled-surface);
     color: var(--button-ink);
     fill: var(--button-ink);
     filter: var(--button-disabled-filter);
@@ -124,7 +124,7 @@ button[disabled] {
 button.preferred:not(.disabled):not([disabled]) {
     background-color: var(--button-preferred-surface);
     color: var(--button-preferred-ink);
-    fill: var(--button-preferred-ink);
+        fill: var(--button-preferred-ink);
     }
 button.preferred:not(.disabled):not([disabled]):hover > .hover {
     background-color: var(--elevation-down-surface);
 
@@ -25,6 +25,10 @@ a {
     color: var(--info2-ink);
         fill: var(--info2-ink);
     }
+.fa-icon.info.very-important {
+    color: var(--info3-ink);
+        fill: var(--info3-ink);
+    }
 input[type="number"] {
     width: 5em;
     }
 
@@ -45,6 +45,7 @@ a {
     font-size: 96px;
     }
 #theURL {
+    color: var(--ink-2);
     padding: 0;
     }
 #theURL > * {
@@ -54,33 +55,32 @@ a {
     position: relative;
     z-index: 10;
     }
-#theURL > p > span:last-of-type {
+#theURL #toggleParse {
     background-color: transparent;
     top: 100%;
     box-sizing: border-box;
-    color: var(--ink-4);
-        fill: var(--ink-4);
+    color: var(--ink-3);
+        fill: var(--ink-3);
     cursor: pointer;
     font-size: 1.2rem;
     padding: var(--default-gap-xxsmall);
     position: absolute;
     transform: translate(0, -50%);
     }
-#theURL:not(.collapsed) > p > span:last-of-type > span:first-of-type {
+#theURL:not(.collapsed) #toggleParse > span:first-of-type {
     display: none;
     }
-#theURL.collapsed > p > span:last-of-type > span:last-of-type {
+#theURL.collapsed #toggleParse > span:last-of-type {
     display: none;
     }
-body[dir="ltr"] #theURL > p > span:last-of-type {
+body[dir="ltr"] #toggleParse {
     right: 0;
     }
-body[dir="rtl"] #theURL > p > span:last-of-type {
+body[dir="rtl"] #toggleParse {
     left: 0;
     }
-#theURL > p:hover > span {
-    color: var(--ink-1);
-        fill: var(--ink-1);
+#theURL > p:hover #toggleParse {
+    transform: translate(0, -50%) scale(1.15);
     }
 #parsed {
     background-color: var(--surface-1);
 
@@ -225,29 +225,21 @@ body[dir="rtl"] #netInspector #filterExprPicker {
     }
 #vwRenderer .logEntry > div[data-status="1"],
 #netFilteringDialog > .panes > .details > div[data-status="1"] {
-    background-color: var(--logger-blocked-surface);
+    background-color: rgb(var(--popup-cell-block-surface-rgb) / 50%);
     }
 #vwRenderer .logEntry > div[data-status="1"][data-modifier],
 #netFilteringDialog > .panes > .details > div[data-status="1"][data-modifier] {
     background-color: var(--logger-modified-surface);
     }
-body.colorBlind #vwRenderer .logEntry > div[data-status="1"],
-body.colorBlind #netFilteringDialog > .panes > .details > div[data-status="1"] {
-    background-color: rgba(0, 19, 110, 0.1);
-    }
 #vwRenderer .logEntry > div[data-status="3"] {
     background-color: rgba(108, 108, 108, 0.1);
     }
-body.colorBlind #vwRenderer .logEntry > div[data-status="3"] {
+:root.colorBlind #vwRenderer .logEntry > div[data-status="3"] {
     background-color: rgba(96, 96, 96, 0.1);
     }
 #vwRenderer .logEntry > div[data-status="2"],
 #netFilteringDialog > .panes > .details > div[data-status="2"] {
-    background-color: var(--logger-allowed-surface);
-    }
-body.colorBlind #vwRenderer .logEntry > div[data-status="2"],
-body.colorBlind #netFilteringDialog > .panes > .details > div[data-status="2"] {
-    background-color: rgba(255, 194, 57, 0.1)
+    background-color: rgb(var(--popup-cell-allow-surface-rgb) / 50%);
     }
 #vwRenderer .logEntry > div[data-tabid="-1"] {
     text-shadow: 0 0.2em 0.4em #aaa;
@@ -256,8 +248,8 @@ body.colorBlind #netFilteringDialog > .panes > .details > div[data-status="2"] {
 #vwRenderer .logEntry > div.redirect {
     background-color: var(--logger-redirected-surface);
     }
-body.colorBlind #vwRenderer .logEntry > div.extendedRealm,
-body.colorBlind #vwRenderer .logEntry > div.redirect {
+:root.colorBlind #vwRenderer .logEntry > div.extendedRealm,
+:root.colorBlind #vwRenderer .logEntry > div.redirect {
     background-color: rgba(0, 19, 110, 0.1);
     }
 #vwRenderer .logEntry > div[data-aliasid] {
@@ -376,29 +368,21 @@ body[dir="rtl"] #vwRenderer .logEntry > div > span:first-child {
     }
 #vwRenderer .logEntry > div[data-status="1"] > span:nth-of-type(7) b,
 #netFilteringDialog > .panes > .details > div[data-status="1"] b {
-    background-color: var(--logger-blocked-em-surface);
+    background-color: rgb(var(--popup-cell-block-surface-rgb) / 100%);
     }
 #vwRenderer .logEntry > div[data-status="1"][data-modifier] > span:nth-of-type(7) b,
 #netFilteringDialog > .panes > .details > div[data-status="1"][data-modifier] b {
     background-color: var(--logger-modified-em-surface);
     }
-body.colorBlind #vwRenderer .logEntry > div[data-status="1"] > span:nth-of-type(7) b,
-body.colorBlind #netFilteringDialog > .panes > .details > div[data-status="1"] b {
-    background-color: rgba(0, 19, 110, 0.2);
-    }
 #vwRenderer .logEntry > div[data-status="3"] > span:nth-of-type(7) b {
     background-color: rgba(108, 108, 108, 0.2);
     }
-body.colorBlind #vwRenderer .logEntry > div[data-status="3"] > span:nth-of-type(7) b {
+:root.colorBlind #vwRenderer .logEntry > div[data-status="3"] > span:nth-of-type(7) b {
     background-color: rgba(96, 96, 96, 0.2);
     }
 #vwRenderer .logEntry > div[data-status="2"] > span:nth-of-type(7) b,
 #netFilteringDialog > .panes > .details > div[data-status="2"] b {
-    background-color: var(--logger-allowed-em-surface);
-    }
-body.colorBlind #vwRenderer .logEntry > div[data-status="2"] > span:nth-of-type(7) b,
-body.colorBlind #netFilteringDialog > .panes > .details > div[data-status="2"] b {
-    background-color: rgba(255, 194, 57, 0.2);
+    background-color: rgb(var(--popup-cell-allow-surface-rgb) / 100%);
     }
 #vwRenderer .logEntry > div > span:nth-of-type(7) a {
     background-color: dimgray;
@@ -759,35 +743,35 @@ body.dirty #netFilteringDialog > div.panes > .dynamic > .toolbar #saveRules {
 #netFilteringDialog > div.panes > .dynamic .entry > .action.allow {
     background-color: rgba(0, 160, 0, 0.3);
     }
-body.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.allow {
+:root.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.allow {
     background-color: rgba(255, 194, 57, 0.4);
     }
 #netFilteringDialog > div.panes > .dynamic .entry > .action.noop {
     background-color: rgba(108, 108, 108, 0.3);
     }
-body.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.noop {
+:root.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.noop {
     background-color: rgba(96, 96, 96, 0.4);
     }
 #netFilteringDialog > div.panes > .dynamic .entry > .action.block {
     background-color: rgba(192, 0, 0, 0.3);
     }
-body.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.block {
+:root.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.block {
     background-color: rgba(0, 19, 110, 0.4);
     }
 #netFilteringDialog > div.panes > .dynamic .entry > .action.own.allow {
     background-color: rgba(0, 160, 0, 1);
     }
-body.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.own.allow {
+:root.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.own.allow {
     background-color: rgba(255, 194, 57, 1);
     }
 #netFilteringDialog > div.panes > .dynamic .entry > .action.own.noop,
-body.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.own.noop {
+:root.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.own.noop {
     background-color: rgba(108, 108, 108, 1);
     }
 #netFilteringDialog > div.panes > .dynamic .entry > .action.own.block {
     background-color: rgba(192, 0, 0, 1);
     }
-body.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.own.block {
+:root.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.own.block {
     background-color: rgba(0, 19, 110, 1);
     }
 #netFilteringDialog > div.panes > .dynamic .entry > .action:not(.own):hover > span {
@@ -800,7 +784,7 @@ body.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.own.
 #netFilteringDialog > div.panes > .dynamic .entry > .action > .allow {
     background-color: rgb(0, 160, 0);
     }
-body.colorBlind  #netFilteringDialog > div.panes > .dynamic .entry > .action > .allow {
+:root.colorBlind  #netFilteringDialog > div.panes > .dynamic .entry > .action > .allow {
     background-color: rgb(255, 194, 57);
     }
 #netFilteringDialog > div.panes > .dynamic .entry > .action > .noop {
@@ -809,7 +793,7 @@ body.colorBlind  #netFilteringDialog > div.panes > .dynamic .entry > .action > .
 #netFilteringDialog > div.panes > .dynamic .entry > .action > .block {
     background-color: rgb(192, 0, 0);
     }
-body.colorBlind  #netFilteringDialog > div.panes > .dynamic .entry > .action > .block {
+:root.colorBlind  #netFilteringDialog > div.panes > .dynamic .entry > .action > .block {
     background-color: rgb(0, 19, 110);
     }
 #netFilteringDialog > div.panes > .dynamic .entry > .url {
Original file line number	Diff line number	Diff line change
`@@ -12,9 +12,6 @@`
`12`	`12`	`height: 100%;`
`13`	`13`	`width: 100%;`
`14`	`14`	`}`
`15`		`-.CodeMirror-activeline-background {`
`16`		`- background-color: var(--cm-active-line);`
`17`		`- }`
`18`	`15`	`.CodeMirror-cursor {`
`19`	`16`	`border-color: var(--cm-cursor);`
`20`	`17`	`}`
`@@ -118,6 +115,7 @@`
`118`	`115`	`color: var(--sf-variable-ink);`
`119`	`116`	`}`
`120`	`117`	`.cm-s-default .cm-warning {`
	`118`	`+ background-color: var(--sf-warning-surface);`
`121`	`119`	`text-decoration: underline var(--sf-warning-ink);`
`122`	`120`	`text-underline-position: under;`
`123`	`121`	`}`
`@@ -166,7 +164,7 @@`
`166`	`164`	`font-size: 140%;`
`167`	`165`	`}`
`168`	`166`	`.cm-search-widget .fa-icon:not(.fa-icon-ro):hover {`
`169`		`- fill: #000;`
	`167`	`+ fill: var(--ink-1);`
`170`	`168`	`}`
`171`	`169`	`.cm-search-widget-input input {`
`172`	`170`	`border: 1px solid var(--cm-gutter-ink);`
`@@ -205,11 +203,11 @@`
`205`	`203`	`color: var(--cm-merge-copy-ink);`
`206`	`204`	`}`
`207`	`205`	`.CodeMirror-merge-l-chunk {`
`208`		`- background-color: var(--cm-merge-l-chunk-surface);`
	`206`	`+ background-color: var(--cm-merge-chunk-surface);`
`209`	`207`	`}`
`210`	`208`	`.CodeMirror-merge-l-chunk-start,`
`211`	`209`	`.CodeMirror-merge-l-chunk-end {`
`212`		`- border-color: var(--cm-merge-l-chunk-border);`
	`210`	`+ border-color: var(--cm-merge-chunk-border);`
`213`	`211`	`}`
`214`	`212`	`.CodeMirror-merge-l-deleted {`
`215`	`213`	`background-image: none;`
`@@ -224,10 +222,16 @@`
`224`	`222`	`vertical-align: top;`
`225`	`223`	`}`
`226`	`224`	`.CodeMirror-merge-spacer {`
`227`		`- background-color: var(--surface-0);`
`228`		`- opacity: 40%;`
	`225`	`+ background-color: var(--cm-merge-chunk-surface);`
`229`	`226`	`}`
`230`	`227`
`231`	`228`	`.CodeMirror-hints {`
`232`	`229`	`z-index: 10000;`
`233`	`230`	`}`
	`231`	`+`
	`232`	`+/* Must appear after other background color declarations to be sure it`
	`233`	`+ * overrides them`
	`234`	`+ * */`
	`235`	`+.CodeMirror-activeline-background {`
	`236`	`+ background-color: var(--cm-active-line);`
	`237`	`+ }`
Original file line number	Diff line number	Diff line change
`@@ -25,6 +25,10 @@ a {`
`25`	`25`	`color: var(--info2-ink);`
`26`	`26`	`fill: var(--info2-ink);`
`27`	`27`	`}`
	`28`	`+.fa-icon.info.very-important {`
	`29`	`+ color: var(--info3-ink);`
	`30`	`+ fill: var(--info3-ink);`
	`31`	`+ }`
`28`	`32`	`input[type="number"] {`
`29`	`33`	`width: 5em;`
`30`	`34`	`}`
Original file line number	Diff line number	Diff line change
`@@ -225,29 +225,21 @@ body[dir="rtl"] #netInspector #filterExprPicker {`
`225`	`225`	`}`
`226`	`226`	`#vwRenderer .logEntry > div[data-status="1"],`
`227`	`227`	`#netFilteringDialog > .panes > .details > div[data-status="1"] {`
`228`		`- background-color: var(--logger-blocked-surface);`
	`228`	`+ background-color: rgb(var(--popup-cell-block-surface-rgb) / 50%);`
`229`	`229`	`}`
`230`	`230`	`#vwRenderer .logEntry > div[data-status="1"][data-modifier],`
`231`	`231`	`#netFilteringDialog > .panes > .details > div[data-status="1"][data-modifier] {`
`232`	`232`	`background-color: var(--logger-modified-surface);`
`233`	`233`	`}`
`234`		`-body.colorBlind #vwRenderer .logEntry > div[data-status="1"],`
`235`		`-body.colorBlind #netFilteringDialog > .panes > .details > div[data-status="1"] {`
`236`		`- background-color: rgba(0, 19, 110, 0.1);`
`237`		`- }`
`238`	`234`	`#vwRenderer .logEntry > div[data-status="3"] {`
`239`	`235`	`background-color: rgba(108, 108, 108, 0.1);`
`240`	`236`	`}`
`241`		`-body.colorBlind #vwRenderer .logEntry > div[data-status="3"] {`
	`237`	`+:root.colorBlind #vwRenderer .logEntry > div[data-status="3"] {`
`242`	`238`	`background-color: rgba(96, 96, 96, 0.1);`
`243`	`239`	`}`
`244`	`240`	`#vwRenderer .logEntry > div[data-status="2"],`
`245`	`241`	`#netFilteringDialog > .panes > .details > div[data-status="2"] {`
`246`		`- background-color: var(--logger-allowed-surface);`
`247`		`- }`
`248`		`-body.colorBlind #vwRenderer .logEntry > div[data-status="2"],`
`249`		`-body.colorBlind #netFilteringDialog > .panes > .details > div[data-status="2"] {`
`250`		`- background-color: rgba(255, 194, 57, 0.1)`
	`242`	`+ background-color: rgb(var(--popup-cell-allow-surface-rgb) / 50%);`
`251`	`243`	`}`
`252`	`244`	`#vwRenderer .logEntry > div[data-tabid="-1"] {`
`253`	`245`	`text-shadow: 0 0.2em 0.4em #aaa;`
`@@ -256,8 +248,8 @@ body.colorBlind #netFilteringDialog > .panes > .details > div[data-status="2"] {`
`256`	`248`	`#vwRenderer .logEntry > div.redirect {`
`257`	`249`	`background-color: var(--logger-redirected-surface);`
`258`	`250`	`}`
`259`		`-body.colorBlind #vwRenderer .logEntry > div.extendedRealm,`
`260`		`-body.colorBlind #vwRenderer .logEntry > div.redirect {`
	`251`	`+:root.colorBlind #vwRenderer .logEntry > div.extendedRealm,`
	`252`	`+:root.colorBlind #vwRenderer .logEntry > div.redirect {`
`261`	`253`	`background-color: rgba(0, 19, 110, 0.1);`
`262`	`254`	`}`
`263`	`255`	`#vwRenderer .logEntry > div[data-aliasid] {`
`@@ -376,29 +368,21 @@ body[dir="rtl"] #vwRenderer .logEntry > div > span:first-child {`
`376`	`368`	`}`
`377`	`369`	`#vwRenderer .logEntry > div[data-status="1"] > span:nth-of-type(7) b,`
`378`	`370`	`#netFilteringDialog > .panes > .details > div[data-status="1"] b {`
`379`		`- background-color: var(--logger-blocked-em-surface);`
	`371`	`+ background-color: rgb(var(--popup-cell-block-surface-rgb) / 100%);`
`380`	`372`	`}`
`381`	`373`	`#vwRenderer .logEntry > div[data-status="1"][data-modifier] > span:nth-of-type(7) b,`
`382`	`374`	`#netFilteringDialog > .panes > .details > div[data-status="1"][data-modifier] b {`
`383`	`375`	`background-color: var(--logger-modified-em-surface);`
`384`	`376`	`}`
`385`		`-body.colorBlind #vwRenderer .logEntry > div[data-status="1"] > span:nth-of-type(7) b,`
`386`		`-body.colorBlind #netFilteringDialog > .panes > .details > div[data-status="1"] b {`
`387`		`- background-color: rgba(0, 19, 110, 0.2);`
`388`		`- }`
`389`	`377`	`#vwRenderer .logEntry > div[data-status="3"] > span:nth-of-type(7) b {`
`390`	`378`	`background-color: rgba(108, 108, 108, 0.2);`
`391`	`379`	`}`
`392`		`-body.colorBlind #vwRenderer .logEntry > div[data-status="3"] > span:nth-of-type(7) b {`
	`380`	`+:root.colorBlind #vwRenderer .logEntry > div[data-status="3"] > span:nth-of-type(7) b {`
`393`	`381`	`background-color: rgba(96, 96, 96, 0.2);`
`394`	`382`	`}`
`395`	`383`	`#vwRenderer .logEntry > div[data-status="2"] > span:nth-of-type(7) b,`
`396`	`384`	`#netFilteringDialog > .panes > .details > div[data-status="2"] b {`
`397`		`- background-color: var(--logger-allowed-em-surface);`
`398`		`- }`
`399`		`-body.colorBlind #vwRenderer .logEntry > div[data-status="2"] > span:nth-of-type(7) b,`
`400`		`-body.colorBlind #netFilteringDialog > .panes > .details > div[data-status="2"] b {`
`401`		`- background-color: rgba(255, 194, 57, 0.2);`
	`385`	`+ background-color: rgb(var(--popup-cell-allow-surface-rgb) / 100%);`
`402`	`386`	`}`
`403`	`387`	`#vwRenderer .logEntry > div > span:nth-of-type(7) a {`
`404`	`388`	`background-color: dimgray;`
`@@ -759,35 +743,35 @@ body.dirty #netFilteringDialog > div.panes > .dynamic > .toolbar #saveRules {`
`759`	`743`	`#netFilteringDialog > div.panes > .dynamic .entry > .action.allow {`
`760`	`744`	`background-color: rgba(0, 160, 0, 0.3);`
`761`	`745`	`}`
`762`		`-body.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.allow {`
	`746`	`+:root.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.allow {`
`763`	`747`	`background-color: rgba(255, 194, 57, 0.4);`
`764`	`748`	`}`
`765`	`749`	`#netFilteringDialog > div.panes > .dynamic .entry > .action.noop {`
`766`	`750`	`background-color: rgba(108, 108, 108, 0.3);`
`767`	`751`	`}`
`768`		`-body.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.noop {`
	`752`	`+:root.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.noop {`
`769`	`753`	`background-color: rgba(96, 96, 96, 0.4);`
`770`	`754`	`}`
`771`	`755`	`#netFilteringDialog > div.panes > .dynamic .entry > .action.block {`
`772`	`756`	`background-color: rgba(192, 0, 0, 0.3);`
`773`	`757`	`}`
`774`		`-body.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.block {`
	`758`	`+:root.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.block {`
`775`	`759`	`background-color: rgba(0, 19, 110, 0.4);`
`776`	`760`	`}`
`777`	`761`	`#netFilteringDialog > div.panes > .dynamic .entry > .action.own.allow {`
`778`	`762`	`background-color: rgba(0, 160, 0, 1);`
`779`	`763`	`}`
`780`		`-body.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.own.allow {`
	`764`	`+:root.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.own.allow {`
`781`	`765`	`background-color: rgba(255, 194, 57, 1);`
`782`	`766`	`}`
`783`	`767`	`#netFilteringDialog > div.panes > .dynamic .entry > .action.own.noop,`
`784`		`-body.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.own.noop {`
	`768`	`+:root.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.own.noop {`
`785`	`769`	`background-color: rgba(108, 108, 108, 1);`
`786`	`770`	`}`
`787`	`771`	`#netFilteringDialog > div.panes > .dynamic .entry > .action.own.block {`
`788`	`772`	`background-color: rgba(192, 0, 0, 1);`
`789`	`773`	`}`
`790`		`-body.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.own.block {`
	`774`	`+:root.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.own.block {`
`791`	`775`	`background-color: rgba(0, 19, 110, 1);`
`792`	`776`	`}`
`793`	`777`	`#netFilteringDialog > div.panes > .dynamic .entry > .action:not(.own):hover > span {`
`@@ -800,7 +784,7 @@ body.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action.own.`
`800`	`784`	`#netFilteringDialog > div.panes > .dynamic .entry > .action > .allow {`
`801`	`785`	`background-color: rgb(0, 160, 0);`
`802`	`786`	`}`
`803`		`-body.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action > .allow {`
	`787`	`+:root.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action > .allow {`
`804`	`788`	`background-color: rgb(255, 194, 57);`
`805`	`789`	`}`
`806`	`790`	`#netFilteringDialog > div.panes > .dynamic .entry > .action > .noop {`
`@@ -809,7 +793,7 @@ body.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action > .`
`809`	`793`	`#netFilteringDialog > div.panes > .dynamic .entry > .action > .block {`
`810`	`794`	`background-color: rgb(192, 0, 0);`
`811`	`795`	`}`
`812`		`-body.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action > .block {`
	`796`	`+:root.colorBlind #netFilteringDialog > div.panes > .dynamic .entry > .action > .block {`
`813`	`797`	`background-color: rgb(0, 19, 110);`
`814`	`798`	`}`
`815`	`799`	`#netFilteringDialog > div.panes > .dynamic .entry > .url {`