Private window headerbar, use filter instead of import dark icon version

This commit is contained in:
Rafael Mardojai CM 2019-07-10 11:00:10 -05:00
parent 4741c137eb
commit cb826a835d
2 changed files with 5 additions and 66 deletions

View File

@ -1,63 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="16"
height="16.001"
version="1.1"
id="svg8"
sodipodi:docname="user-not-tracked-dark.svg"
inkscape:version="0.92.4 5da689c313, 2019-01-14">
<metadata
id="metadata14">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs12" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="900"
inkscape:window-height="480"
id="namedview10"
showgrid="false"
inkscape:zoom="14.749079"
inkscape:cx="8"
inkscape:cy="8.0004997"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="0"
inkscape:current-layer="svg8" />
<g
fill="#2e3436"
id="g6"
style="fill:#ffffff">
<path
d="M9.295 0a.5.5 0 0 1 .437.641l-.425 1.543c.424.11.838.263 1.238.457L11.566.876a.5.5 0 1 1 .867.502l-1.017 1.757c.338.218.666.451.977.704l1.253-1.254a.5.5 0 1 1 .708.707l-1.221 1.22c.281.267.547.525.793.793l.72-.72a.5.5 0 1 1 .708.707l-.764.763C15.475 7.131 16 8.001 16 8.001s-.872 1.45-2.275 2.923l-1.108-1.107C13.514 8.883 14 8.001 14 8.001s-2.134-4-6-4c-.38 0-.737.047-1.082.117L5.451 2.65c.256-.125.516-.24.783-.332L5.664.673a.5.5 0 1 1 .943-.329l.598 1.721c.262-.041.527-.064.795-.064.105 0 .208.018.313.025l.455-1.65A.5.5 0 0 1 9.295 0zM1.01 4.435c.13.004.253.058.344.15l.72.721c.061-.066.13-.132.194-.197l1.097 1.096C2.481 7.13 2 8 2 8s2.134 4 6 4c.368 0 .715-.046 1.05-.112l1.48 1.479C9.733 13.753 8.884 14 8 14c-4.418 0-8-6-8-6s.525-.87 1.41-1.946l-.764-.763a.5.5 0 0 1 .364-.858zM8 5.001a3 3 0 0 1 3 3c0 .062-.014.12-.018.181L9.14 6.34a.675.675 0 0 0-.477-.477l-.844-.844c.062-.004.12-.017.182-.017zM5.016 7.854l3.132 3.131c-.05.002-.097.016-.148.016a3 3 0 0 1-3-3c0-.05.013-.097.016-.147z"
opacity=".35"
id="path2"
style="fill:#ffffff" />
<path
d="M1.531.47L.47 1.53l14 14 1.062-1.061z"
id="path4"
style="fill:#ffffff" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.6 KiB

View File

@ -1,7 +1,8 @@
/* Private window header bar's URL bar */ /* Private window headerbar */
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* */
:root[privatebrowsingmode="temporary"] #nav-bar toolbarspring:first-of-type:before { :root[privatebrowsingmode="temporary"] #nav-bar toolbarspring:first-of-type:before {
background: url("../icons/user-not-tracked.svg") no-repeat; background: url("../icons/user-not-tracked.svg") no-repeat;
background-size: contain; background-size: contain;
@ -12,15 +13,16 @@
height: 64px; height: 64px;
top: 0; top: 0;
opacity: 0.3; opacity: 0.3;
transform: translate(15px, 0); transform: translate(15px, 0);
} }
:root[privatebrowsingmode="temporary"] #nav-bar toolbarspring:first-of-type:-moz-lwtheme-brighttext:before { :root[privatebrowsingmode="temporary"] #nav-bar toolbarspring:first-of-type:-moz-lwtheme-brighttext:before {
background-image: url("../icons/user-not-tracked-dark.svg"); filter: invert(100%);
} }
:root[privatebrowsingmode="temporary"] #nav-bar { :root[privatebrowsingmode="temporary"] #nav-bar {
overflow: hidden; overflow: hidden;
} }
/* */
#TabsToolbar .private-browsing-indicator { #TabsToolbar .private-browsing-indicator {
display: none !important; display: none !important;
} }