Bug 1216918 - Style the conversation window title bar in blue [r=mikedeboer]
authorEd Lee <edilee@mozilla.com>
Thu, 22 Oct 2015 23:28:44 -0700
changeset 269952 d2bb527a1e8a1c351640b2624e3dd1a0487488a2
parent 269951 781512105804f3d2580aedd0f6b17fafe5e7c485
child 269953 22394f125cb5020732ca71617dfdfbecbaedfb03
push id29595
push userkwierso@gmail.com
push dateWed, 28 Oct 2015 23:41:46 +0000
treeherdermozilla-central@769f29c92bb2 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmikedeboer
bugs1216918
milestone44.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1216918 - Style the conversation window title bar in blue [r=mikedeboer]
browser/themes/shared/social/chat-icons.svg
browser/themes/shared/social/chat.inc.css
--- a/browser/themes/shared/social/chat-icons.svg
+++ b/browser/themes/shared/social/chat-icons.svg
@@ -37,13 +37,15 @@
   <use id="close-active" xlink:href="#close-shape"/>
   <use id="close-disabled" xlink:href="#close-shape"/>
   <use id="close-hover" xlink:href="#close-shape"/>
   <use id="exit-white" xlink:href="#exit-shape"/>
   <use id="expand" xlink:href="#expand-shape"/>
   <use id="expand-active" xlink:href="#expand-shape"/>
   <use id="expand-disabled" xlink:href="#expand-shape"/>
   <use id="expand-hover" xlink:href="#expand-shape"/>
+  <use id="expand-white" xlink:href="#expand-shape"/>
   <use id="minimize" xlink:href="#minimize-shape"/>
   <use id="minimize-active" xlink:href="#minimize-shape"/>
   <use id="minimize-disabled" xlink:href="#minimize-shape"/>
   <use id="minimize-hover" xlink:href="#minimize-shape"/>
+  <use id="minimize-white" xlink:href="#minimize-shape"/>
 </svg>
--- a/browser/themes/shared/social/chat.inc.css
+++ b/browser/themes/shared/social/chat.inc.css
@@ -100,16 +100,24 @@
 .chat-swap-button:hover:active {
   list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand-active");
 }
 
 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;
@@ -124,16 +132,20 @@ chatbar > chatbox > .chat-titlebar > .ch
 }
 
 .chat-title {
   color: #666;
   text-shadow: none;
   cursor: inherit;
 }
 
+chatbox[src^="about:loopconversation#"] .chat-title {
+  color: white;
+}
+
 .chat-titlebar {
   height: 26px;
   min-height: 26px;
   width: 100%;
   margin: 0;
   padding: 5px 4px;
   border: 1px solid #ebebeb;
   border-bottom: 0;
@@ -142,16 +154,21 @@ chatbar > chatbox > .chat-titlebar > .ch
   cursor: pointer;
   background-color: #ebebeb;
 }
 
 .chat-titlebar[selected] {
   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;
 }
 
 .chat-titlebar[minimized="true"] {
   border-bottom: none;
 }