Bug 1223573 - Part 2. Move prefs and css into the new Loop system add-on. r=mikedeboer

--HG--
rename : browser/themes/windows/loop/menuPanel.png => browser/extensions/loop/skin/linux/menuPanel.png
rename : browser/themes/windows/loop/menuPanel@2x.png => browser/extensions/loop/skin/linux/menuPanel@2x.png
rename : browser/themes/windows/loop/toolbar-inverted.png => browser/extensions/loop/skin/linux/toolbar-inverted.png
rename : browser/themes/windows/loop/toolbar-inverted@2x.png => browser/extensions/loop/skin/linux/toolbar-inverted@2x.png
rename : browser/themes/linux/loop/toolbar.png => browser/extensions/loop/skin/linux/toolbar.png
rename : browser/themes/linux/loop/toolbar@2x.png => browser/extensions/loop/skin/linux/toolbar@2x.png
rename : browser/themes/osx/loop/menuPanel-yosemite.png => browser/extensions/loop/skin/osx/menuPanel-yosemite.png
rename : browser/themes/osx/loop/menuPanel-yosemite@2x.png => browser/extensions/loop/skin/osx/menuPanel-yosemite@2x.png
rename : browser/themes/osx/loop/menuPanel.png => browser/extensions/loop/skin/osx/menuPanel.png
rename : browser/themes/osx/loop/menuPanel@2x.png => browser/extensions/loop/skin/osx/menuPanel@2x.png
rename : browser/themes/osx/loop/toolbar-inverted.png => browser/extensions/loop/skin/osx/toolbar-inverted.png
rename : browser/themes/osx/loop/toolbar-inverted@2x.png => browser/extensions/loop/skin/osx/toolbar-inverted@2x.png
rename : browser/themes/osx/loop/toolbar-yosemite.png => browser/extensions/loop/skin/osx/toolbar-yosemite.png
rename : browser/themes/osx/loop/toolbar-yosemite@2x.png => browser/extensions/loop/skin/osx/toolbar-yosemite@2x.png
rename : browser/themes/osx/loop/toolbar.png => browser/extensions/loop/skin/osx/toolbar.png
rename : browser/themes/osx/loop/toolbar@2x.png => browser/extensions/loop/skin/osx/toolbar@2x.png
rename : browser/themes/windows/loop/menuPanel-aero.png => browser/extensions/loop/skin/windows/menuPanel-aero.png
rename : browser/themes/windows/loop/menuPanel-aero@2x.png => browser/extensions/loop/skin/windows/menuPanel-aero@2x.png
rename : browser/themes/linux/loop/menuPanel.png => browser/extensions/loop/skin/windows/menuPanel.png
rename : browser/themes/linux/loop/menuPanel@2x.png => browser/extensions/loop/skin/windows/menuPanel@2x.png
rename : browser/themes/windows/loop/toolbar-XP.png => browser/extensions/loop/skin/windows/toolbar-XP.png
rename : browser/themes/windows/loop/toolbar-XP@2x.png => browser/extensions/loop/skin/windows/toolbar-XP@2x.png
rename : browser/themes/windows/loop/toolbar-aero.png => browser/extensions/loop/skin/windows/toolbar-aero.png
rename : browser/themes/windows/loop/toolbar-aero@2x.png => browser/extensions/loop/skin/windows/toolbar-aero@2x.png
rename : browser/themes/linux/loop/toolbar-inverted.png => browser/extensions/loop/skin/windows/toolbar-inverted.png
rename : browser/themes/linux/loop/toolbar-inverted@2x.png => browser/extensions/loop/skin/windows/toolbar-inverted@2x.png
rename : browser/themes/windows/loop/toolbar-lunaSilver.png => browser/extensions/loop/skin/windows/toolbar-lunaSilver.png
rename : browser/themes/windows/loop/toolbar-lunaSilver@2x.png => browser/extensions/loop/skin/windows/toolbar-lunaSilver@2x.png
rename : browser/themes/windows/loop/toolbar-win8.png => browser/extensions/loop/skin/windows/toolbar-win8.png
rename : browser/themes/windows/loop/toolbar-win8@2x.png => browser/extensions/loop/skin/windows/toolbar-win8@2x.png
rename : browser/themes/windows/loop/toolbar.png => browser/extensions/loop/skin/windows/toolbar.png
rename : browser/themes/windows/loop/toolbar@2x.png => browser/extensions/loop/skin/windows/toolbar@2x.png

browser/app/profile/firefox.js

@@ -1376,42 +1376,6 @@ pref("shumway.disabled", true);
 // (This is intentionally on the high side; see bug 746055.)
 pref("image.mem.max_decoded_image_kb", 256000);
 
-pref("loop.enabled", true);
-pref("loop.textChat.enabled", true);
-pref("loop.server", "https://loop.services.mozilla.com/v0");
-pref("loop.linkClicker.url", "https://hello.firefox.com/");
-pref("loop.gettingStarted.seen", false);
-pref("loop.gettingStarted.url", "https://www.mozilla.org/%LOCALE%/firefox/%VERSION%/hello/start/");
-pref("loop.gettingStarted.resumeOnFirstJoin", false);
-pref("loop.learnMoreUrl", "https://www.firefox.com/hello/");
-pref("loop.legal.ToS_url", "https://www.mozilla.org/about/legal/terms/firefox-hello/");
-pref("loop.legal.privacy_url", "https://www.mozilla.org/privacy/firefox-hello/");
-pref("loop.do_not_disturb", false);
-pref("loop.ringtone", "chrome://browser/content/loop/shared/sounds/ringtone.ogg");
-pref("loop.retry_delay.start", 60000);
-pref("loop.retry_delay.limit", 300000);
-pref("loop.ping.interval", 1800000);
-pref("loop.ping.timeout", 10000);
-pref("loop.feedback.baseUrl", "https://input.mozilla.org/api/v1/feedback");
-pref("loop.feedback.product", "Loop");
-pref("loop.debug.loglevel", "Error");
-pref("loop.debug.dispatcher", false);
-pref("loop.debug.sdk", false);
-pref("loop.debug.twoWayMediaTelemetry", false);
-pref("loop.feedback.dateLastSeenSec", 0);
-pref("loop.feedback.periodSec", 15770000); // 6 months.
-pref("loop.feedback.formURL", "https://www.mozilla.org/firefox/hello/npssurvey/");
-pref("loop.feedback.manualFormURL", "https://www.mozilla.org/firefox/hello/feedbacksurvey/");
-#ifdef DEBUG
-pref("loop.CSP", "default-src 'self' about: file: chrome: http://localhost:*; img-src * data:; font-src 'none'; connect-src wss://*.tokbox.com https://*.opentok.com https://*.tokbox.com wss://*.mozilla.com https://*.mozilla.org wss://*.mozaws.net http://localhost:* ws://localhost:*; media-src blob:");
-#else
-pref("loop.CSP", "default-src 'self' about: file: chrome:; img-src * data:; font-src 'none'; connect-src wss://*.tokbox.com https://*.opentok.com https://*.tokbox.com wss://*.mozilla.com https://*.mozilla.org wss://*.mozaws.net; media-src blob:");
-#endif
-pref("loop.fxa_oauth.tokendata", "");
-pref("loop.fxa_oauth.profile", "");
-pref("loop.support_url", "https://support.mozilla.org/kb/group-conversations-firefox-hello-webrtc");
-pref("loop.browserSharing.showInfoBar", true);
-
 pref("social.sidebar.unload_timeout_ms", 10000);
 
 // Activation from inside of share panel is possible if activationPanelEnabled

browser/base/content/browser.css

@@ -902,11 +902,6 @@ notification[value="translation"] {
   -moz-binding: url("chrome://browser/content/translation-infobar.xml#translationbar");
 }
 
-/* Loop/ Hello */
-notification[value="loop-sharing-notification"] .close-icon {
-  display: none;
-}
-
 /* Social */
 /* Note the chatbox 'width' values are duplicated in socialchat.xml */
 chatbox {

browser/extensions/loop/content/preferences/prefs.js

@@ -0,0 +1,33 @@
+pref("loop.enabled", true);
+pref("loop.textChat.enabled", true);
+pref("loop.server", "https://loop.services.mozilla.com/v0");
+pref("loop.linkClicker.url", "https://hello.firefox.com/");
+pref("loop.gettingStarted.seen", false);
+pref("loop.gettingStarted.url", "https://www.mozilla.org/%LOCALE%/firefox/%VERSION%/hello/start/");
+pref("loop.gettingStarted.resumeOnFirstJoin", false);
+pref("loop.learnMoreUrl", "https://www.firefox.com/hello/");
+pref("loop.legal.ToS_url", "https://www.mozilla.org/about/legal/terms/firefox-hello/");
+pref("loop.legal.privacy_url", "https://www.mozilla.org/privacy/firefox-hello/");
+pref("loop.do_not_disturb", false);
+pref("loop.ringtone", "chrome://browser/content/loop/shared/sounds/ringtone.ogg");
+pref("loop.retry_delay.start", 60000);
+pref("loop.retry_delay.limit", 300000);
+pref("loop.ping.interval", 1800000);
+pref("loop.ping.timeout", 10000);
+pref("loop.debug.loglevel", "Error");
+pref("loop.debug.dispatcher", false);
+pref("loop.debug.sdk", false);
+pref("loop.debug.twoWayMediaTelemetry", false);
+pref("loop.feedback.dateLastSeenSec", 0);
+pref("loop.feedback.periodSec", 15770000); // 6 months.
+pref("loop.feedback.formURL", "https://www.mozilla.org/firefox/hello/npssurvey/");
+pref("loop.feedback.manualFormURL", "https://www.mozilla.org/firefox/hello/feedbacksurvey/");
+#ifdef DEBUG
+pref("loop.CSP", "default-src 'self' about: file: chrome: http://localhost:*; img-src * data:; font-src 'none'; connect-src wss://*.tokbox.com https://*.opentok.com https://*.tokbox.com wss://*.mozilla.com https://*.mozilla.org wss://*.mozaws.net http://localhost:* ws://localhost:*; media-src blob:");
+#else
+pref("loop.CSP", "default-src 'self' about: file: chrome:; img-src * data:; font-src 'none'; connect-src wss://*.tokbox.com https://*.opentok.com https://*.tokbox.com wss://*.mozilla.com https://*.mozilla.org wss://*.mozaws.net; media-src blob:");
+#endif
+pref("loop.fxa_oauth.tokendata", "");
+pref("loop.fxa_oauth.profile", "");
+pref("loop.support_url", "https://support.mozilla.org/kb/group-conversations-firefox-hello-webrtc");
+pref("loop.browserSharing.showInfoBar", true);

browser/extensions/loop/skin/osx/platform.css

@@ -0,0 +1,39 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+notification[value="loop-sharing-notification"] {
+  background: #00a9dc;
+  padding: 0;
+  border: 0;
+}
+
+notification[value="loop-sharing-notification"].paused {
+  background: #ebebeb;
+}
+
+notification[value="loop-sharing-notification"] .notification-button {
+  background: #fff;
+  border-radius: 0;
+}
+
+notification[value="loop-sharing-notification"].paused .notification-button {
+  background: #57bd35;
+}
+
+notification[value="loop-sharing-notification"].paused .notification-button:hover {
+  background: #39a017;
+}
+
+notification[value="loop-sharing-notification"] .notification-button:hover,
+notification[value="loop-sharing-notification"].paused .notification-button-default:hover {
+  background: #ebebeb;
+}
+
+notification[value="loop-sharing-notification"] .notification-button-default,
+notification[value="loop-sharing-notification"].paused .notification-button-default {
+  background: #fff;
+}
+

browser/extensions/loop/skin/shared/loop.css

@@ -0,0 +1,280 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* Only apply to browser.xul documents */
+@-moz-document url("chrome://browser/content/browser.xul") {
+  /*
+     XXX Copied from browser/themes/<platform>/browser.css. Should really be
+     changing the sizes of icons in files to 16px x 16px and no borders.
+   */
+  :-moz-any(toolbar, .widget-overflow-list) #loop-button > .toolbarbutton-icon,
+  :-moz-any(toolbar, .widget-overflow-list) #loop-button > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon {
+    max-width: 18px;
+    margin: 0;
+  }
+
+  #loop-button {
+    list-style-image: url(chrome://browser/skin/loop/toolbar.png);
+    -moz-image-region: rect(0, 18px, 18px, 0);
+  }
+
+  toolbar[brighttext] #loop-button {
+    list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png);
+  }
+
+  #loop-button[state="disabled"],
+  #loop-button[disabled="true"] {
+    -moz-image-region: rect(0, 36px, 18px, 18px);
+  }
+
+  #loop-button:not([disabled="true"])[state="error"] {
+    -moz-image-region: rect(0, 54px, 18px, 36px);
+  }
+
+  #loop-button:not([disabled="true"])[state="action"] {
+    -moz-image-region: rect(0, 72px, 18px, 54px);
+  }
+
+  #loop-button:not([disabled="true"])[state="action"]:-moz-any(:hover,:hover:active,[open]) {
+    -moz-image-region: rect(0, 90px, 18px, 72px);
+  }
+
+  #loop-button:not([disabled="true"])[state="active"] {
+    -moz-image-region: rect(0, 108px, 18px, 90px);
+  }
+
+  #loop-button:not([disabled="true"])[state="active"]:-moz-any(:hover,:hover:active,[open]) {
+    -moz-image-region: rect(0, 126px, 18px, 108px);
+  }
+
+  @media (min-resolution: 1.1dppx) {
+    #loop-button {
+      list-style-image: url("chrome://browser/skin/loop/toolbar@2x.png");
+      -moz-image-region: rect(0, 36px, 36px, 0);
+    }
+
+    toolbar[brighttext] #loop-button {
+      list-style-image: url("chrome://browser/skin/loop/toolbar-inverted@2x.png");
+    }
+
+    #loop-button[state="disabled"],
+    #loop-button[disabled="true"] {
+      -moz-image-region: rect(0, 72px, 36px, 36px);
+    }
+
+    #loop-button:not([disabled="true"])[state="error"] {
+      -moz-image-region: rect(0, 108px, 36px, 72px);
+    }
+
+    #loop-button:not([disabled="true"])[state="action"] {
+      -moz-image-region: rect(0, 144px, 36px, 108px);
+    }
+
+    #loop-button:not([disabled="true"])[state="action"]:-moz-any(:hover,:hover:active,[open]) {
+      -moz-image-region: rect(0, 180px, 36px, 144px);
+    }
+
+    #loop-button:not([disabled="true"])[state="active"] {
+      -moz-image-region: rect(0, 216px, 36px, 180px);
+    }
+
+    #loop-button:not([disabled="true"])[state="active"]:-moz-any(:hover,:hover:active,[open]) {
+      -moz-image-region: rect(0, 252px, 36px, 216px);
+    }
+
+    #loop-button[cui-areatype="menu-panel"],
+    toolbarpaletteitem[place="palette"] > #loop-button {
+      list-style-image: url(chrome://browser/skin/loop/menuPanel@2x.png);
+      -moz-image-region: rect(0, 64px, 64px, 0);
+    }
+
+    /* Make sure that the state icons are not shown in the customization palette. */
+    toolbarpaletteitem[place="palette"] > #loop-button {
+      -moz-image-region: rect(0, 64px, 64px, 0) !important;
+    }
+
+    #loop-button[cui-areatype="menu-panel"][state="disabled"],
+    #loop-button[cui-areatype="menu-panel"][disabled="true"] {
+      -moz-image-region: rect(0, 128px, 64px, 64px);
+    }
+
+    #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] {
+      -moz-image-region: rect(0, 192px, 64px, 128px);
+    }
+
+    #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] {
+      -moz-image-region: rect(0, 256px, 64px, 192px);
+    }
+
+    #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover,:hover:active,[open]) {
+      -moz-image-region: rect(0, 320px, 64px, 256px);
+    }
+
+    #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] {
+      -moz-image-region: rect(0, 384px, 64px, 320px);
+    }
+
+    #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover,:hover:active,[open]) {
+      -moz-image-region: rect(0, 448px, 64px, 384px);
+    }
+  }
+
+  @media not all and (min-resolution: 1.1dppx) {
+    #loop-button[cui-areatype="menu-panel"],
+    toolbarpaletteitem[place="palette"] > #loop-button {
+      list-style-image: url(chrome://browser/skin/loop/menuPanel.png);
+      -moz-image-region: rect(0, 32px, 32px, 0);
+    }
+
+    /* Make sure that the state icons are not shown in the customization palette. */
+    toolbarpaletteitem[place="palette"] > #loop-button {
+      -moz-image-region: rect(0, 32px, 32px, 0) !important;
+    }
+
+    #loop-button[cui-areatype="menu-panel"][state="disabled"],
+    #loop-button[cui-areatype="menu-panel"][disabled="true"] {
+      -moz-image-region: rect(0, 64px, 32px, 32px);
+    }
+
+    #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] {
+      -moz-image-region: rect(0, 96px, 32px, 64px);
+    }
+
+    #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] {
+      -moz-image-region: rect(0, 128px, 32px, 96px);
+    }
+
+    #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover,:hover:active,[open]) {
+      -moz-image-region: rect(0, 160px, 32px, 128px);
+    }
+
+    #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] {
+      -moz-image-region: rect(0, 192px, 32px, 160px);
+    }
+
+    #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover,:hover:active,[open]) {
+      -moz-image-region: rect(0, 224px, 32px, 192px);
+    }
+  }
+
+  notification[value="loop-sharing-notification"] {
+    -moz-appearance: none;
+    height: 40px;
+    background-color: #00a9dc;
+    box-shadow: 0 40px 1px rgba(0,0,0,.5) inset;
+  }
+
+  notification[value="loop-sharing-notification"].paused {
+    background-color: #ebebeb;
+  }
+
+  notification[value="loop-sharing-notification"] .notification-inner {
+    color: #fff;
+    padding: 0;
+  }
+
+  notification[value="loop-sharing-notification"].paused .notification-inner {
+    color: #00a9dc;
+  }
+
+  notification[value="loop-sharing-notification"] .notification-button {
+    -moz-appearance: none;
+    background-color: #fff;
+    border: 0;
+    border-right: solid 1px #ebebeb;
+    width: 100px;
+    height: 40px;
+    margin: 0;
+    list-style-image: url(chrome://browser/content/loop/shared/img/pause-12x12.svg);
+    box-shadow: 0 40px 1px rgba(0,0,0,.5) inset;
+    text-shadow: none;
+  }
+
+  notification[value="loop-sharing-notification"] .notification-button:-moz-locale-dir(rtl) {
+    border-right: 0;
+    border-left: solid 1px #ebebeb;
+  }
+
+  notification[value="loop-sharing-notification"].paused .notification-button {
+    background-color: #57bd35;
+    color: #fff;
+    list-style-image: url(chrome://browser/content/loop/shared/img/play-12x12.svg);
+  }
+
+  notification[value="loop-sharing-notification"].paused .notification-button:hover {
+    background-color: #39a017;
+  }
+
+  notification[value="loop-sharing-notification"] .notification-button:hover,
+  notification[value="loop-sharing-notification"].paused .notification-button-default:hover {
+    background-color: #ebebeb;
+  }
+
+  notification[value="loop-sharing-notification"] .notification-button-default,
+  notification[value="loop-sharing-notification"].paused .notification-button-default {
+    color: #d92215;
+    background-color: #fff;
+    border-right: 0;
+    list-style-image: url(chrome://browser/content/loop/shared/img/stop-12x12.svg);
+  }
+
+  notification[value="loop-sharing-notification"] .notification-button .button-icon {
+    display: block;
+    -moz-margin-end: 6px;
+  }
+
+  notification[value="loop-sharing-notification"] .button-menubutton-button {
+    min-width: 0;
+  }
+
+  notification[value="loop-sharing-notification"] .messageImage {
+    list-style-image: url(chrome://browser/content/loop/shared/img/icons-16x16.svg#loop-icon-white);
+    margin-inline-start: 14px;
+  }
+
+  notification[value="loop-sharing-notification"].paused .messageImage {
+    list-style-image: url(chrome://browser/content/loop/shared/img/icons-16x16.svg#loop-icon-still);
+  }
+
+  notification[value="loop-sharing-notification"] .close-icon {
+    display: none;
+  }
+
+  chatbox[src^="about:loopconversation#"] > .chat-titlebar {
+    background-color: #00a9dc;
+    border-color: #00a9dc;
+  }
+
+  chatbox[src^="about:loopconversation#"] .chat-title {
+    color: white;
+  }
+
+  chatbox[src^="about:loopconversation#"] .chat-minimize-button {
+    list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize-white");
+  }
+
+  chatbox[src^="about:loopconversation#"] .chat-swap-button {
+    list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand-white");
+  }
+
+  .chat-loop-hangup {
+    list-style-image: url("chrome://browser/skin/social/chat-icons.svg#exit-white");
+    background-color: #d13f1a;
+    border: 1px solid #d13f1a;
+    border-top-right-radius: 4px;
+    width: 32px;
+    height: 26px;
+    margin-top: -6px;
+    margin-bottom: -5px;
+    -moz-margin-start: 6px;
+    -moz-margin-end: -5px;
+  }
+
+  .chat-toolbarbutton.chat-loop-hangup:-moz-any(:hover,:hover:active) {
+    background-color: #ef6745;
+    border-color: #ef6745;
+  }
+}

browser/extensions/loop/skin/windows/platform.css

@@ -0,0 +1,18 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+@media (-moz-windows-theme: luna-silver) and (max-resolution: 1dppx) {
+  #loop-button {
+    list-style-image: url(chrome://browser/skin/loop/toolbar-lunaSilver.png)
+  }
+}
+
+@media (-moz-windows-theme: luna-silver) and (min-resolution: 1.1dppx) {
+  #loop-button {
+    list-style-image: url(chrome://browser/skin/loop/toolbar-lunaSilver@2x.png)
+  }
+}
+

browser/themes/osx/browser.css

@@ -3211,40 +3211,6 @@ menulist.translate-infobar-element > .menulist-dropmarker {
   }
 }
 
-/* Loop/ Hello browser styles */
-notification[value="loop-sharing-notification"] {
-  background: #00a9dc;
-  padding: 0;
-  border: 0;
-}
-
-notification[value="loop-sharing-notification"].paused {
-  background: #ebebeb;
-}
-
-notification[value="loop-sharing-notification"] .notification-button {
-  background: #fff;
-  border-radius: 0;
-}
-
-notification[value="loop-sharing-notification"].paused .notification-button {
-  background: #57bd35;
-}
-
-notification[value="loop-sharing-notification"].paused .notification-button:hover {
-  background: #39a017;
-}
-
-notification[value="loop-sharing-notification"] .notification-button:hover,
-notification[value="loop-sharing-notification"].paused .notification-button-default:hover {
-  background: #ebebeb;
-}
-
-notification[value="loop-sharing-notification"] .notification-button-default,
-notification[value="loop-sharing-notification"].paused .notification-button-default {
-  background: #fff;
-}
-
 .popup-notification-body[popupid="addon-progress"],
 .popup-notification-body[popupid="addon-install-confirmation"] {
   width: 28em;

browser/themes/shared/browser.inc

@@ -2,7 +2,7 @@
 
 % Note that zoom-reset-button is a bit different since it doesn't use an image and thus has the image with display: none.
 %define nestedButtons #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button
-%define primaryToolbarButtons #back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, @nestedButtons@, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button
+%define primaryToolbarButtons #back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, @nestedButtons@, #e10s-button, #panic-button, #web-apps-button, #webide-button, #pocket-button
 
 %ifdef XP_MACOSX
 % Prior to 10.7 there wasn't a native fullscreen button so we use #restore-button to exit fullscreen

browser/themes/shared/menupanel.inc.css

@@ -191,42 +191,6 @@
     -moz-image-region: rect(0, 832px, 32px, 800px);
   }
 
-  #loop-button[cui-areatype="menu-panel"],
-  toolbarpaletteitem[place="palette"] > #loop-button {
-    list-style-image: url(chrome://browser/skin/loop/menuPanel.png);
-    -moz-image-region: rect(0, 32px, 32px, 0);
-  }
-
-  /* Make sure that the state icons are not shown in the customization palette. */
-  toolbarpaletteitem[place="palette"] > #loop-button {
-    -moz-image-region: rect(0, 32px, 32px, 0) !important;
-  }
-
-  #loop-button[cui-areatype="menu-panel"][state="disabled"],
-  #loop-button[cui-areatype="menu-panel"][disabled="true"] {
-    -moz-image-region: rect(0, 64px, 32px, 32px);
-  }
-
-  #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] {
-    -moz-image-region: rect(0, 96px, 32px, 64px);
-  }
-
-  #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] {
-    -moz-image-region: rect(0, 128px, 32px, 96px);
-  }
-
-  #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover,:hover:active,[open]) {
-    -moz-image-region: rect(0, 160px, 32px, 128px);
-  }
-
-  #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] {
-    -moz-image-region: rect(0, 192px, 32px, 160px);
-  }
-
-  #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover,:hover:active,[open]) {
-    -moz-image-region: rect(0, 224px, 32px, 192px);
-  }
-
   /* Wide panel control icons */
 
   #edit-controls@inAnyPanel@ > toolbarbutton,
@@ -375,42 +339,6 @@
     -moz-image-region: rect(64px, 1984px, 128px, 1920px);
   }
 
-  #loop-button[cui-areatype="menu-panel"],
-  toolbarpaletteitem[place="palette"] > #loop-button {
-    list-style-image: url(chrome://browser/skin/loop/menuPanel@2x.png);
-    -moz-image-region: rect(0, 64px, 64px, 0);
-  }
-
-  /* Make sure that the state icons are not shown in the customization palette. */
-  toolbarpaletteitem[place="palette"] > #loop-button {
-    -moz-image-region: rect(0, 64px, 64px, 0) !important;
-  }
-
-  #loop-button[cui-areatype="menu-panel"][state="disabled"],
-  #loop-button[cui-areatype="menu-panel"][disabled="true"] {
-    -moz-image-region: rect(0, 128px, 64px, 64px);
-  }
-
-  #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] {
-    -moz-image-region: rect(0, 192px, 64px, 128px);
-  }
-
-  #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] {
-    -moz-image-region: rect(0, 256px, 64px, 192px);
-  }
-
-  #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover,:hover:active,[open]) {
-    -moz-image-region: rect(0, 320px, 64px, 256px);
-  }
-
-  #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] {
-    -moz-image-region: rect(0, 384px, 64px, 320px);
-  }
-
-  #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover,:hover:active,[open]) {
-    -moz-image-region: rect(0, 448px, 64px, 384px);
-  }
-
   #new-tab-button[cui-areatype="menu-panel"],
   toolbarpaletteitem[place="palette"] > #new-tab-button {
     -moz-image-region: rect(0px, 1088px, 64px, 1024px);

browser/themes/shared/notification-icons.inc.css

@@ -445,83 +445,3 @@
   }
 %endif
 }
-
-/* Loop notification */
-notification[value="loop-sharing-notification"] {
-  -moz-appearance: none;
-  height: 40px;
-  background-color: #00a9dc;
-  box-shadow: 0 40px 1px rgba(0,0,0,.5) inset;
-}
-
-notification[value="loop-sharing-notification"].paused {
-  background-color: #ebebeb;
-}
-
-notification[value="loop-sharing-notification"] .notification-inner {
-  color: #fff;
-  padding: 0;
-}
-
-notification[value="loop-sharing-notification"].paused .notification-inner {
-  color: #00a9dc;
-}
-
-notification[value="loop-sharing-notification"] .notification-button {
-  -moz-appearance: none;
-  background-color: #fff;
-  border: 0;
-  border-right: solid 1px #ebebeb;
-  width: 100px;
-  height: 40px;
-  margin: 0;
-  list-style-image: url(chrome://browser/content/loop/shared/img/pause-12x12.svg);
-  box-shadow: 0 40px 1px rgba(0,0,0,.5) inset;
-  text-shadow: none;
-}
-
-notification[value="loop-sharing-notification"] .notification-button:-moz-locale-dir(rtl) {
-  border-right: 0;
-  border-left: solid 1px #ebebeb;
-}
-
-notification[value="loop-sharing-notification"].paused .notification-button {
-  background-color: #57bd35;
-  color: #fff;
-  list-style-image: url(chrome://browser/content/loop/shared/img/play-12x12.svg);
-}
-
-notification[value="loop-sharing-notification"].paused .notification-button:hover {
-  background-color: #39a017;
-}
-
-notification[value="loop-sharing-notification"] .notification-button:hover,
-notification[value="loop-sharing-notification"].paused .notification-button-default:hover {
-  background-color: #ebebeb;
-}
-
-notification[value="loop-sharing-notification"] .notification-button-default,
-notification[value="loop-sharing-notification"].paused .notification-button-default {
-  color: #d92215;
-  background-color: #fff;
-  border-right: 0;
-  list-style-image: url(chrome://browser/content/loop/shared/img/stop-12x12.svg);
-}
-
-notification[value="loop-sharing-notification"] .notification-button .button-icon {
-  display: block;
-  -moz-margin-end: 6px;
-}
-
-notification[value="loop-sharing-notification"] .button-menubutton-button {
-  min-width: 0;
-}
-
-notification[value="loop-sharing-notification"] .messageImage {
-  list-style-image: url(chrome://browser/content/loop/shared/img/icons-16x16.svg#loop-icon-white);
-  margin-inline-start: 14px;
-}
-
-notification[value="loop-sharing-notification"].paused .messageImage {
-  list-style-image: url(chrome://browser/content/loop/shared/img/icons-16x16.svg#loop-icon-still);
-}

browser/themes/shared/social/chat.inc.css

@@ -105,42 +105,12 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button {
   transform: none;
 }
 
-chatbox[src^="about:loopconversation#"] .chat-minimize-button {
-  list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize-white");
-}
-
-chatbox[src^="about:loopconversation#"] .chat-swap-button {
-  list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand-white");
-}
-
-.chat-loop-hangup {
-  list-style-image: url("chrome://browser/skin/social/chat-icons.svg#exit-white");
-  background-color: #d13f1a;
-  border: 1px solid #d13f1a;
-  border-top-right-radius: 4px;
-  width: 32px;
-  height: 26px;
-  margin-top: -6px;
-  margin-bottom: -5px;
-  -moz-margin-start: 6px;
-  -moz-margin-end: -5px;
-}
-
-.chat-toolbarbutton.chat-loop-hangup:-moz-any(:hover,:hover:active) {
-  background-color: #ef6745;
-  border-color: #ef6745;
-}
-
 .chat-title {
   color: #666;
   text-shadow: none;
   cursor: inherit;
 }
 
-chatbox[src^="about:loopconversation#"] .chat-title {
-  color: white;
-}
-
 .chat-titlebar {
   height: 26px;
   min-height: 26px;
@@ -159,11 +129,6 @@ chatbox[src^="about:loopconversation#"] .chat-title {
   background-color: #f0f0f0;
 }
 
-chatbox[src^="about:loopconversation#"] > .chat-titlebar {
-  background-color: #00a9dc;
-  border-color: #00a9dc;
-}
-
 .chat-titlebar > .notification-anchor-icon {
   margin-left: 2px;
   margin-right: 2px;

browser/themes/shared/toolbarbuttons.inc.css

@@ -184,40 +184,6 @@ toolbar[brighttext] #sync-button[status="active"] {
   -moz-image-region: rect(0, 720px, 18px, 702px);
 }
 
-#loop-button {
-  list-style-image: url(chrome://browser/skin/loop/toolbar.png);
-  -moz-image-region: rect(0, 18px, 18px, 0);
-}
-
-toolbar[brighttext] #loop-button {
-  list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png);
-}
-
-#loop-button[state="disabled"],
-#loop-button[disabled="true"] {
-  -moz-image-region: rect(0, 36px, 18px, 18px);
-}
-
-#loop-button:not([disabled="true"])[state="error"] {
-  -moz-image-region: rect(0, 54px, 18px, 36px);
-}
-
-#loop-button:not([disabled="true"])[state="action"] {
-  -moz-image-region: rect(0, 72px, 18px, 54px);
-}
-
-#loop-button:not([disabled="true"])[state="action"]:-moz-any(:hover,:hover:active,[open]) {
-  -moz-image-region: rect(0, 90px, 18px, 72px);
-}
-
-#loop-button:not([disabled="true"])[state="active"] {
-  -moz-image-region: rect(0, 108px, 18px, 90px);
-}
-
-#loop-button:not([disabled="true"])[state="active"]:-moz-any(:hover,:hover:active,[open]) {
-  -moz-image-region: rect(0, 126px, 18px, 108px);
-}
-
 #webide-button[cui-areatype="toolbar"] {
   -moz-image-region: rect(0, 738px, 18px, 720px);
 }
@@ -429,39 +395,5 @@ toolbar[brighttext] #loop-button {
     -moz-image-region: rect(36px, 1548px, 72px, 1512px);
 %endif
   }
-
-  #loop-button {
-    list-style-image: url("chrome://browser/skin/loop/toolbar@2x.png");
-    -moz-image-region: rect(0, 36px, 36px, 0);
-  }
-
-  toolbar[brighttext] #loop-button {
-    list-style-image: url("chrome://browser/skin/loop/toolbar-inverted@2x.png");
-  }
-
-  #loop-button[state="disabled"],
-  #loop-button[disabled="true"] {
-    -moz-image-region: rect(0, 72px, 36px, 36px);
-  }
-
-  #loop-button:not([disabled="true"])[state="error"] {
-    -moz-image-region: rect(0, 108px, 36px, 72px);
-  }
-
-  #loop-button:not([disabled="true"])[state="action"] {
-    -moz-image-region: rect(0, 144px, 36px, 108px);
-  }
-
-  #loop-button:not([disabled="true"])[state="action"]:-moz-any(:hover,:hover:active,[open]) {
-    -moz-image-region: rect(0, 180px, 36px, 144px);
-  }
-
-  #loop-button:not([disabled="true"])[state="active"] {
-    -moz-image-region: rect(0, 216px, 36px, 180px);
-  }
-
-  #loop-button:not([disabled="true"])[state="active"]:-moz-any(:hover,:hover:active,[open]) {
-    -moz-image-region: rect(0, 252px, 36px, 216px);
-  }
 }
 %endif

browser/themes/windows/browser.css

@@ -652,16 +652,6 @@ menuitem.bookmark-item {
   #bookmarks-menu-button.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
     list-style-image: url("chrome://browser/skin/Toolbar-lunaSilver.png");
   }
-
-  #loop-button {
-    list-style-image: url(chrome://browser/skin/loop/toolbar-lunaSilver.png)
-  }
-}
-
-@media (-moz-windows-theme: luna-silver) and (min-resolution: 1.1dppx) {
-  #loop-button {
-    list-style-image: url(chrome://browser/skin/loop/toolbar-lunaSilver@2x.png)
-  }
 }
 
 #main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-icon,