Bug 1873766: Fix VPN icon in light mode r=teshaq,desktop-theme-reviewers,sfoster

Differential Revision: https://phabricator.services.mozilla.com/D198442

browser/base/content/browser-sync.js

@@ -821,6 +821,7 @@ var gSync = {
       // we should show the PXI panel instead of taking the user
       // straight to FxA sign-in
       if (this.PXI_TOOLBAR_ENABLED) {
+        this.updateFxAPanel(UIState.get());
         this.updateCTAPanel();
         PanelUI.showSubView("PanelUI-fxa", anchor, aEvent);
       } else {

browser/themes/shared/customizableui/panelUI-shared.css

@@ -806,7 +806,7 @@ toolbarbutton[constrain-size="true"][cui-areatype="panel"] > .toolbarbutton-badg
 }
 
 #PanelUI-fxa-menu-vpn-button {
-  list-style-image: url(chrome://browser/content/logos/vpn-dark.svg);
+  list-style-image: url("chrome://browser/skin/preferences/vpn-logo.svg");
 }
 
 :root:not([fxastatus="signedin"]) #PanelUI-fxa-menu-connect-device-button {