Commit 03e337e6 authored by Dão Gottwald's avatar Dão Gottwald
Browse files

Bug 511107 - Need a centralized way to assign lightweight themes to XUL... 

Bug 511107 - Need a centralized way to assign lightweight themes to XUL windows. r=enn,mconnor,rflint
parent cfd5c78a

browser/base/content/browser.css

+10 −0
Original line number Diff line number Diff line
@@ -17,6 +17,16 @@ toolbarpaletteitem[place="palette"] > toolbaritem > hbox[type="places"] { 
  display: none;

}



#main-window[lwtheme="true"] {

  background-repeat: no-repeat;

  background-position: top right;

}



#browser-bottombox[lwthemefooter="true"] {

  background-repeat: no-repeat;

  background-position: bottom left;

}



/* ::::: location bar ::::: */

#urlbar {

  -moz-binding: url(chrome://browser/content/urlbarBindings.xml#urlbar);

browser/base/content/browser.xul

+2 −0
Original line number Diff line number Diff line
@@ -80,6 +80,8 @@ 
        titlemodifier_privatebrowsing="&mainWindow.titlemodifier;@PRE_RELEASE_SUFFIX@ &mainWindow.titlePrivateBrowsingSuffix;"

#endif

        titlemenuseparator="&mainWindow.titlemodifiermenuseparator;"

        lightweightthemes="true"

        lightweightthemesfooter="browser-bottombox"

        windowtype="navigator:browser"

        screenX="4" screenY="4"

        browsingmode="normal"

browser/themes/gnomestripe/browser/browser.css

+10 −0
Original line number Diff line number Diff line
@@ -70,6 +70,16 @@ 
  padding-top: 0;

}



#main-window[lwtheme="true"] #urlbar:not([focused="true"]),

#main-window[lwtheme="true"] #searchbar > textbox:not([focused="true"]),

#main-window[lwtheme="true"] .tabbrowser-tab:not([selected="true"]) {

  opacity: .85;

}



#main-window[lwtheme="true"] .tabbrowser-tab {

  text-shadow: none;

}



/* Places toolbar */

toolbarbutton.bookmark-item {

  margin: 0;

browser/themes/pinstripe/browser/browser.css

+75 −1
Original line number Diff line number Diff line
@@ -46,6 +46,79 @@ 
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

@namespace html url("http://www.w3.org/1999/xhtml");



#main-window[lwtheme="true"] #urlbar:not([focused="true"]),

#main-window[lwtheme="true"] #searchbar > textbox:not([focused="true"]) {

  opacity: .9;

}



#main-window[lwtheme="true"] > #navigator-toolbox toolbarbutton {

  color: inherit !important;

  text-shadow: inherit;

}



#main-window[lwtheme="true"] #PersonalToolbar,

#main-window[lwtheme="true"] #nav-bar {

  -moz-appearance: none !important;

  background: none !important;

  border-style: none !important;

}



#main-window[lwtheme="true"] .tabbrowser-strip,

#main-window[lwtheme="true"] .tabbrowser-tabs {

  background: none !important;

}



#main-window[lwtheme="true"] .tabbrowser-tab,

#main-window[lwtheme="true"]:not([active="true"]) .tabbrowser-tab {

  color: inherit;

  text-shadow: inherit;

}



#main-window[lwtheme="true"] .tabbrowser-tab[selected="true"] {

  background-color: transparent !important;

}

#main-window[lwtheme="true"] .tabbrowser-tab:not([selected="true"]):not(:hover) > .tab-text {

  opacity: .8;

}



#main-window[lwtheme="true"] .tabbrowser-arrowscrollbox > .tabs-newtab-button {

  width: auto;

  -moz-box-flex: 1;

  -moz-box-pack: start;

  border-style: none;

  background: none;

}



#main-window[lwthemetextcolor="bright"] .tabbrowser-tab {

  -moz-border-left-colors: rgba(255,255,255,.1) rgba(255,255,255,.6) rgba(255,255,255,.2);

  -moz-border-bottom-colors: rgba(255,255,255,.1) rgba(255,255,255,.6) rgba(255,255,255,.2);

  -moz-border-right-colors: rgba(255,255,255,.1) rgba(255,255,255,.6) rgba(255,255,255,.2);

}



#main-window[lwthemetextcolor="bright"] .tabbrowser-tab[selected="true"] {

  -moz-border-left-colors: rgba(255,255,255,.6) rgba(255,255,255,.2);

  -moz-border-bottom-colors: rgba(255,255,255,.6) rgba(255,255,255,.2);

  -moz-border-right-colors: rgba(255,255,255,.6) rgba(255,255,255,.2);

}



#main-window[lwthemetextcolor="dark"] .tabs-newtab-button,

#main-window[lwthemetextcolor="dark"] .tabs-alltabs-button,

#main-window[lwthemetextcolor="dark"] .tabs-container > .tabs-closebutton,

#main-window[lwthemetextcolor="dark"] .tabbrowser-arrowscrollbox > .scrollbutton-up,

#main-window[lwthemetextcolor="dark"] .tabbrowser-arrowscrollbox > .scrollbutton-down-stack > .scrollbutton-down,

#main-window[lwthemetextcolor="dark"] .tabbrowser-tab:not([selected="true"]) {

  -moz-box-shadow: inset 0 1px 0 rgba(50,50,50,.5);

}



#main-window[lwthemetextcolor="bright"] .tabs-newtab-button,

#main-window[lwthemetextcolor="bright"] .tabs-alltabs-button,

#main-window[lwthemetextcolor="bright"] .tabs-container > .tabs-closebutton,

#main-window[lwthemetextcolor="bright"] .tabbrowser-arrowscrollbox > .scrollbutton-up,

#main-window[lwthemetextcolor="bright"] .tabbrowser-arrowscrollbox > .scrollbutton-down-stack > .scrollbutton-down,

#main-window[lwthemetextcolor="bright"] .tabbrowser-tab:not([selected="true"]) {

  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.6);

}



#main-window {

  -moz-appearance: none;

  background-color: #eeeeee;
@@ -1287,6 +1360,7 @@ richlistitem[selected="true"][current="true"] > hbox > .ac-result-type-bookmark, 
sidebarheader { 

  background-color: #d4dde5;

  padding: 2px;

  text-shadow: none;

}



#sidebar-box {
@@ -1432,7 +1506,6 @@ tabbrowser > tabbox { 
  margin-bottom: 0;

  font: message-box;

  font-weight: bold;

  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);

}



.tabbrowser-tab,
@@ -1440,6 +1513,7 @@ tabbrowser > tabbox { 
  -moz-appearance: none;

  -moz-border-radius: 0 0 6px 6px;

  color: #222;

  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);

  margin: 0 0 1px;

  padding: 0 5px;

  border-style: none solid solid;

browser/themes/winstripe/browser/browser.css

+13 −0
Original line number Diff line number Diff line
@@ -46,6 +46,19 @@ 
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

@namespace html url("http://www.w3.org/1999/xhtml");



#main-window[lwtheme="true"] #urlbar:not([focused="true"]),

#main-window[lwtheme="true"] #searchbar > textbox:not([focused="true"]) {

  opacity: .85;

}



#main-window[lwtheme="true"] .tabbrowser-tab[selected="true"] {

  text-shadow: none;

}



#main-window[lwtheme="true"] .tabbrowser-tab:not([selected="true"]) {

  color: inherit;

}



#menubar-items {

  -moz-box-orient: vertical; /* for flex hack */

}