Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-14 05:45:37 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1476002 - Update Tracking Protection animation icon colour to Purple 30 in Dark theme. r=ntim

Browse Source 
MozReview-Commit-ID: Aaw5kvCK2qb

--HG--
extra : rebase_source : db852472a2a60f768409bafb7d0dc8c0ca2602b0
This commit is contained in:
Johann Hofmann 2018-07-17 15:07:47 +02:00
parent 0f271c720b
commit 6c7f0d80d9
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
browser/themes/shared/identity-block/identity-block.inc.css
View File

@ -215,6 +215,14 @@
visibility: collapse;
}
#tracking-protection-icon-animatable-image {
--tracking-protection-shield-color: #7f00d6;
}
:root[lwt-toolbar-field-brighttext] #tracking-protection-icon-animatable-image {
--tracking-protection-shield-color: #c069ff;
}
@keyframes tp-icon-animation {
from {
transform: translateX(0);
@ -225,12 +233,12 @@
fill-opacity: 0.3;
}
39% {
fill: #7f00d6;
fill: var(--tracking-protection-shield-color);
fill-opacity: 1;
}
75% {
transform: translateX(-1232px);
fill: #7f00d6;
fill: var(--tracking-protection-shield-color);
fill-opacity: 1;
}
to {
@ -249,12 +257,12 @@
fill-opacity: 0.3;
}
39% {
fill: #7f00d6;
fill: var(--tracking-protection-shield-color);
fill-opacity: 1;
}
75% {
transform: scaleX(-1) translateX(-1232px);
fill: #7f00d6;
fill: var(--tracking-protection-shield-color);
fill-opacity: 1;
}
to {