diff --git a/src/css/common.css b/src/css/common.css index 1a850e5c6..d7e72e615 100644 --- a/src/css/common.css +++ b/src/css/common.css @@ -222,6 +222,11 @@ select { visibility: hidden; width: 0; } +.subtil { + color: var(--subtil-ink); + cursor: default; + opacity: 66%; + } .fieldset { margin: var(--font-size); } diff --git a/src/css/support.css b/src/css/support.css index 782463f68..d7b014517 100644 --- a/src/css/support.css +++ b/src/css/support.css @@ -44,6 +44,9 @@ body:not(.filterIssue) .body > div.e { body.filterIssue .body > div:not(.e) { display: none; } +body.filterIssue #moreButton { + display: none; +} button { align-self: center; diff --git a/src/css/themes/default.css b/src/css/themes/default.css index bc2cf9d8e..a9def98de 100644 --- a/src/css/themes/default.css +++ b/src/css/themes/default.css @@ -222,7 +222,6 @@ --surface-1: rgb(var(--gray-95)); --surface-2: rgb(var(--gray-90)); --surface-3: rgb(var(--gray-80)); - --surface-4: rgb(var(--gray-75)); --border-1: rgb(var(--gray-75)); --border-2: rgb(var(--gray-70)); @@ -236,6 +235,7 @@ --accent-surface-3: rgb(var(--primary-color-70)); --link-ink: var(--accent-surface-1); + --subtil-ink: var(--accent-surface-1); --fieldset-header-surface: transparent; --fieldset-header-ink: var(--ink-2); @@ -265,8 +265,8 @@ /* info levels: normal, fyi, warn, error -- we want same Luv */ --info0-ink-rgb: 119 119 119; /* h: 0 S: 0 Luv:60 */ --info1-ink-rgb: 72 143 255; /* h:255 S:100 Luv:60 */ - --info2-ink-rgb: 227 113 0; /* h: 30 S:100 Luv:60 */ - --info3-ink-rgb: 255 68 166; /* h:330 S:100 Luv:60 */ + --info2-ink-rgb: 208 125 0; /* h: 40 S:100 Luv:60 */ + --info3-ink-rgb: 255 82 94; /* h: 10 S:100 Luv:60 */ --info0-ink: rgb(var(--info0-ink-rgb)); --info1-ink: rgb(var(--info1-ink-rgb)); --info2-ink: rgb(var(--info2-ink-rgb)); @@ -372,7 +372,6 @@ --surface-1: rgb(var(--gray-10)); --surface-2: rgb(var(--gray-20)); --surface-3: rgb(var(--gray-30)); - --surface-4: rgb(var(--gray-40)); --border-1: rgb(var(--gray-35)); --border-2: rgb(var(--gray-40)); @@ -446,9 +445,9 @@ :root.dark:not(.colorBlind) { --popup-cell-allow-own-surface-rgb: 0 153 0; /* h:127.7 S:100 Luv:55 */ - --popup-cell-allow-surface-rgb: 64 103 64; /* h:127.7 S:50 Luv:40 */ + --popup-cell-allow-surface-rgb: 73 117 73; /* h:127.7 S:50 Luv:45 */ --popup-cell-block-own-surface-rgb: 255 40 40; /* h:12.2 S:100 Luv:55 */ - --popup-cell-block-surface-rgb: 156 65 65; /* h:12.2 S:50 Luv:40 */ + --popup-cell-block-surface-rgb: 175 74 74; /* h:12.2 S:50 Luv:45 */ --popup-cell-noop-own-surface-rgb: 132 132 132; /* h:0 S:0 Luv:55 */ --popup-cell-noop-surface-rgb: 94 94 94; /* h:0 S:0 Luv:40 */ } @@ -485,3 +484,12 @@ --popup-ruleset-tool-surface-hover: rgb(var(--yellow-5) / 75%); --popup-ruleset-tool-shadow: rgb(var(--gray-85)); } + +/* + * Experiment: use Firefox for Android dark theme colors +:root.mobile.dark { + --gray-10: 43 42 51; + --gray-20: 66 65 77; + --ink-rgb: 251 251 254; +} +*/ diff --git a/src/js/support.js b/src/js/support.js index e1a7144e1..a9436c8b4 100644 --- a/src/js/support.js +++ b/src/js/support.js @@ -270,6 +270,13 @@ uBlockDashboard.patchCodeMirrorEditor(cmEditor); }); ev.preventDefault(); }); + + uDom('#showSupportInfo').on('click', ev => { + const button = ev.target; + button.classList.add('hidden'); + uDom.nodeFromSelector('.a.b.c.d').classList.add('e'); + cmEditor.refresh(); + }); } uDom('#selectAllButton').on('click', ( ) => { diff --git a/src/support.html b/src/support.html index 858ffc49c..3c393612a 100644 --- a/src/support.html +++ b/src/support.html @@ -89,9 +89,10 @@

- +


+

_