UX - WIP SVG caching. try: -b o -p macosx64,win32 -u none -t svgr
diff --git a/browser/themes/linux/jar.mn b/browser/themes/linux/jar.mn
--- a/browser/themes/linux/jar.mn
+++ b/browser/themes/linux/jar.mn
@@ -124,16 +124,18 @@ browser.jar:
skin/classic/browser/social/chat-icons.png (social/chat-icons.png)
skin/classic/browser/tabbrowser/connecting.png (tabbrowser/connecting.png)
skin/classic/browser/tabbrowser/loading.png (tabbrowser/loading.png)
skin/classic/browser/tabbrowser/tab.png (tabbrowser/tab.png)
skin/classic/browser/tabbrowser/tab-background-end.png (tabbrowser/tab-background-end.png)
skin/classic/browser/tabbrowser/tab-background-middle.png (tabbrowser/tab-background-middle.png)
skin/classic/browser/tabbrowser/tab-background-start.png (tabbrowser/tab-background-start.png)
skin/classic/browser/tabbrowser/tab-overflow-border.png (tabbrowser/tab-overflow-border.png)
+ skin/classic/browser/tabbrowser/tab-selected-start.svg (tabbrowser/tab-selected-start.svg)
+ skin/classic/browser/tabbrowser/tab-selected-end.svg (tabbrowser/tab-selected-end.svg)
skin/classic/browser/tabbrowser/tab-stroke-end.png (tabbrowser/tab-stroke-end.png)
skin/classic/browser/tabbrowser/tab-stroke-middle.png (tabbrowser/tab-stroke-middle.png)
skin/classic/browser/tabbrowser/tab-stroke-start.png (tabbrowser/tab-stroke-start.png)
skin/classic/browser/tabbrowser/tabDragIndicator.png (tabbrowser/tabDragIndicator.png)
skin/classic/browser/tabbrowser/tab-separator.png (tabbrowser/tab-separator.png)
skin/classic/browser/tabview/edit-light.png (tabview/edit-light.png)
skin/classic/browser/tabview/search.png (tabview/search.png)
skin/classic/browser/tabview/stack-expander.png (tabview/stack-expander.png)
diff --git a/browser/themes/linux/tabbrowser/tab-selected-end.svg b/browser/themes/linux/tabbrowser/tab-selected-end.svg
new file mode 100644
--- /dev/null
+++ b/browser/themes/linux/tabbrowser/tab-selected-end.svg
@@ -0,0 +1,18 @@
+
+
+
+
diff --git a/browser/themes/linux/tabbrowser/tab-selected-start.svg b/browser/themes/linux/tabbrowser/tab-selected-start.svg
new file mode 100644
--- /dev/null
+++ b/browser/themes/linux/tabbrowser/tab-selected-start.svg
@@ -0,0 +1,19 @@
+
+
+
+
diff --git a/browser/themes/osx/jar.mn b/browser/themes/osx/jar.mn
--- a/browser/themes/osx/jar.mn
+++ b/browser/themes/osx/jar.mn
@@ -216,16 +216,18 @@ browser.jar:
skin/classic/browser/tabbrowser/tab-arrow-right-inverted.png (tabbrowser/tab-arrow-right-inverted.png)
skin/classic/browser/tabbrowser/tab-arrow-right-inverted@2x.png (tabbrowser/tab-arrow-right-inverted@2x.png)
skin/classic/browser/tabbrowser/tab-background-end.png (tabbrowser/tab-background-end.png)
skin/classic/browser/tabbrowser/tab-background-end@2x.png (tabbrowser/tab-background-end@2x.png)
skin/classic/browser/tabbrowser/tab-background-middle.png (tabbrowser/tab-background-middle.png)
skin/classic/browser/tabbrowser/tab-background-middle@2x.png (tabbrowser/tab-background-middle@2x.png)
skin/classic/browser/tabbrowser/tab-background-start.png (tabbrowser/tab-background-start.png)
skin/classic/browser/tabbrowser/tab-background-start@2x.png (tabbrowser/tab-background-start@2x.png)
+ skin/classic/browser/tabbrowser/tab-selected-end.svg (tabbrowser/tab-selected-end.svg)
+ skin/classic/browser/tabbrowser/tab-selected-start.svg (tabbrowser/tab-selected-start.svg)
skin/classic/browser/tabbrowser/tab-stroke-end.png (tabbrowser/tab-stroke-end.png)
skin/classic/browser/tabbrowser/tab-stroke-end@2x.png (tabbrowser/tab-stroke-end@2x.png)
skin/classic/browser/tabbrowser/tab-stroke-middle.png (tabbrowser/tab-stroke-middle.png)
skin/classic/browser/tabbrowser/tab-stroke-middle@2x.png (tabbrowser/tab-stroke-middle@2x.png)
skin/classic/browser/tabbrowser/tab-stroke-start.png (tabbrowser/tab-stroke-start.png)
skin/classic/browser/tabbrowser/tab-stroke-start@2x.png (tabbrowser/tab-stroke-start@2x.png)
skin/classic/browser/tabbrowser/tabbar-bottom-bg-active.png (tabbrowser/tabbar-bottom-bg-active.png)
skin/classic/browser/tabbrowser/tabbar-bottom-bg-inactive.png (tabbrowser/tabbar-bottom-bg-inactive.png)
diff --git a/browser/themes/osx/tabbrowser/tab-selected-end.svg b/browser/themes/osx/tabbrowser/tab-selected-end.svg
new file mode 100644
--- /dev/null
+++ b/browser/themes/osx/tabbrowser/tab-selected-end.svg
@@ -0,0 +1,18 @@
+
+
+
+
diff --git a/browser/themes/osx/tabbrowser/tab-selected-start.svg b/browser/themes/osx/tabbrowser/tab-selected-start.svg
new file mode 100644
--- /dev/null
+++ b/browser/themes/osx/tabbrowser/tab-selected-start.svg
@@ -0,0 +1,19 @@
+
+
+
+
diff --git a/browser/themes/shared/tabs.inc.css b/browser/themes/shared/tabs.inc.css
--- a/browser/themes/shared/tabs.inc.css
+++ b/browser/themes/shared/tabs.inc.css
@@ -142,47 +142,39 @@
content: "";
display: -moz-box;
position: relative;
}
.tab-background-start[selected=true]::before,
.tab-background-end[selected=true]::before {
/* all ::before pseudo elements */
- content: "";
display: -moz-box;
}
.tab-background-start[selected=true]:-moz-locale-dir(ltr)::before,
.tab-background-end[selected=true]:-moz-locale-dir(rtl)::before {
- clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-start);
+ content: url(chrome://browser/skin/tabbrowser/tab-selected-start.svg);
}
.tab-background-end[selected=true]:-moz-locale-dir(ltr)::before,
.tab-background-start[selected=true]:-moz-locale-dir(rtl)::before {
- clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-end);
+ content: url(chrome://browser/skin/tabbrowser/tab-selected-end.svg);
}
.tab-background-start[selected=true]:-moz-locale-dir(ltr)::after,
.tab-background-end[selected=true]:-moz-locale-dir(rtl)::after {
background-image: url(chrome://browser/skin/tabbrowser/tab-stroke-start.png);
}
.tab-background-end[selected=true]:-moz-locale-dir(ltr)::after,
.tab-background-start[selected=true]:-moz-locale-dir(rtl)::after {
background-image: url(chrome://browser/skin/tabbrowser/tab-stroke-end.png);
}
-.tab-background-start[selected=true]::before,
-.tab-background-end[selected=true]::before {
- background-color: @fgTabBackgroundColor@;
- background-image: none;
- background-repeat: no-repeat;
-}
-
.tab-background-middle[selected=true] {
background-clip: padding-box, content-box;
background-color: @fgTabBackgroundColor@;
background-image: url(chrome://browser/skin/tabbrowser/tab-stroke-middle.png),
none;
background-repeat: repeat-x;
background-size: auto 100%;
/* The padding-top combined with background-clip: content-box (the bottom-most) ensure the
diff --git a/browser/themes/windows/browser-aero.css b/browser/themes/windows/browser-aero.css
--- a/browser/themes/windows/browser-aero.css
+++ b/browser/themes/windows/browser-aero.css
@@ -24,21 +24,16 @@
@media (-moz-windows-default-theme) {
#navigator-toolbox > toolbar:not(:-moz-lwtheme),
#browser-bottombox:not(:-moz-lwtheme),
.browserContainer > findbar {
background-color: @customToolbarColor@;
}
- .tab-background-start[selected=true]:not(:-moz-lwtheme)::before,
- .tab-background-end[selected=true]:not(:-moz-lwtheme)::before {
- background-color: @customToolbarColor@;
- }
-
.tab-background-middle[selected=true]:not(:-moz-lwtheme) {
background-color: @customToolbarColor@;
}
#navigator-toolbox:not(:-moz-lwtheme)::after {
background-color: #aabccf;
}
diff --git a/browser/themes/windows/jar.mn b/browser/themes/windows/jar.mn
--- a/browser/themes/windows/jar.mn
+++ b/browser/themes/windows/jar.mn
@@ -145,16 +145,18 @@ browser.jar:
skin/classic/browser/tabbrowser/loading.png (tabbrowser/loading.png)
skin/classic/browser/tabbrowser/tab.png (tabbrowser/tab.png)
skin/classic/browser/tabbrowser/tab-arrow-left.png (tabbrowser/tab-arrow-left.png)
skin/classic/browser/tabbrowser/tab-arrow-left-inverted.png (tabbrowser/tab-arrow-left-inverted.png)
skin/classic/browser/tabbrowser/tab-background-start.png (tabbrowser/tab-background-start.png)
skin/classic/browser/tabbrowser/tab-background-middle.png (tabbrowser/tab-background-middle.png)
skin/classic/browser/tabbrowser/tab-background-end.png (tabbrowser/tab-background-end.png)
skin/classic/browser/tabbrowser/tab-overflow-border.png (tabbrowser/tab-overflow-border.png)
+ skin/classic/browser/tabbrowser/tab-selected-start.svg (tabbrowser/tab-selected-start.svg)
+ skin/classic/browser/tabbrowser/tab-selected-end.svg (tabbrowser/tab-selected-end.svg)
skin/classic/browser/tabbrowser/tab-stroke-end.png (tabbrowser/tab-stroke-end.png)
skin/classic/browser/tabbrowser/tab-stroke-middle.png (tabbrowser/tab-stroke-middle.png)
skin/classic/browser/tabbrowser/tab-stroke-start.png (tabbrowser/tab-stroke-start.png)
skin/classic/browser/tabbrowser/tabDragIndicator.png (tabbrowser/tabDragIndicator.png)
skin/classic/browser/tabbrowser/tab-separator-luna-blue.png (tabbrowser/tab-separator-luna-blue.png)
skin/classic/browser/tabbrowser/tab-separator.png (tabbrowser/tab-separator.png)
skin/classic/browser/tabview/close.png (tabview/close.png)
skin/classic/browser/tabview/edit-light.png (tabview/edit-light.png)
@@ -433,16 +435,18 @@ browser.jar:
skin/classic/aero/browser/tabbrowser/loading.png (tabbrowser/loading.png)
skin/classic/aero/browser/tabbrowser/tab.png (tabbrowser/tab.png)
skin/classic/aero/browser/tabbrowser/tab-arrow-left.png (tabbrowser/tab-arrow-left.png)
skin/classic/aero/browser/tabbrowser/tab-arrow-left-inverted.png (tabbrowser/tab-arrow-left-inverted.png)
skin/classic/aero/browser/tabbrowser/tab-background-start.png (tabbrowser/tab-background-start.png)
skin/classic/aero/browser/tabbrowser/tab-background-middle.png (tabbrowser/tab-background-middle.png)
skin/classic/aero/browser/tabbrowser/tab-background-end.png (tabbrowser/tab-background-end.png)
skin/classic/aero/browser/tabbrowser/tab-overflow-border.png (tabbrowser/tab-overflow-border.png)
+ skin/classic/aero/browser/tabbrowser/tab-selected-start.svg (tabbrowser/tab-selected-start.svg)
+ skin/classic/aero/browser/tabbrowser/tab-selected-end.svg (tabbrowser/tab-selected-end.svg)
skin/classic/aero/browser/tabbrowser/tab-stroke-end.png (tabbrowser/tab-stroke-end.png)
skin/classic/aero/browser/tabbrowser/tab-stroke-middle.png (tabbrowser/tab-stroke-middle.png)
skin/classic/aero/browser/tabbrowser/tab-stroke-start.png (tabbrowser/tab-stroke-start.png)
skin/classic/aero/browser/tabbrowser/tabDragIndicator.png (tabbrowser/tabDragIndicator.png)
skin/classic/aero/browser/tabbrowser/tab-separator.png (tabbrowser/tab-separator-aero.png)
skin/classic/aero/browser/tabview/close.png (tabview/close.png)
skin/classic/aero/browser/tabview/edit-light.png (tabview/edit-light.png)
skin/classic/aero/browser/tabview/grain.png (tabview/grain.png)
diff --git a/browser/themes/windows/tabbrowser/tab-selected-end.svg b/browser/themes/windows/tabbrowser/tab-selected-end.svg
new file mode 100644
--- /dev/null
+++ b/browser/themes/windows/tabbrowser/tab-selected-end.svg
@@ -0,0 +1,18 @@
+
+
+
+
diff --git a/browser/themes/windows/tabbrowser/tab-selected-start.svg b/browser/themes/windows/tabbrowser/tab-selected-start.svg
new file mode 100644
--- /dev/null
+++ b/browser/themes/windows/tabbrowser/tab-selected-start.svg
@@ -0,0 +1,19 @@
+
+
+
+