Replaced navigation icons by SVG equivalents

firebug · Apr 20, 2013 · 5178e07 · 5178e07
1 parent 913f74b
commit 5178e07
Show file tree

Hide file tree

Showing 7 changed files with 202 additions and 7 deletions.
diff --git a/extension/skin/classic/firebug.css b/extension/skin/classic/firebug.css
@@ -319,33 +319,36 @@ textbox[type="fbSearchBox"] > panel {
 }
 
 #fbNavigateBackButton:hover,
-#fbNavigateBackButton:active,
 #fbNavigateForwardButton:hover,
-#fbNavigateForwardButton:active,
 .navigationHistoryMenuItemBack:hover,
+.navigationHistoryMenuItemForward:hover {
+    filter: url(chrome://firebug/skin/filters.svg#darken);
+}
+
+#fbNavigateBackButton:active,
+#fbNavigateForwardButton:active,
 .navigationHistoryMenuItemBack:active,
-.navigationHistoryMenuItemForward:hover,
 .navigationHistoryMenuItemForward:active {
-    -moz-image-region: rect(16px, 16px, 32px, 0);
+    filter: url(chrome://firebug/skin/filters.svg#deepDarken);
 }
 
 #fbNavigateBackButton[disabled="true"],
 #fbNavigateForwardButton[disabled="true"] {
-    -moz-image-region: rect(32px, 16px, 48px, 0);
+    filter: url(chrome://firebug/skin/filters.svg#brighten);
 }
 
 #fbNavigateBackButton:-moz-locale-dir(ltr),
 #fbNavigateForwardButton:-moz-locale-dir(rtl),
 .navigationHistoryMenuItemBack:-moz-locale-dir(ltr),
 .navigationHistoryMenuItemForward:-moz-locale-dir(rtl) {
-    list-style-image: url(chrome://firebug/skin/nav-back.png);
+    list-style-image: url(chrome://firebug/skin/navigationBack.svg);
 }
 
 #fbNavigateForwardButton:-moz-locale-dir(ltr),
 #fbNavigateBackButton:-moz-locale-dir(rtl),
 .navigationHistoryMenuItemForward:-moz-locale-dir(ltr),
 .navigationHistoryMenuItemBack:-moz-locale-dir(rtl) {
-    list-style-image: url(chrome://firebug/skin/nav-forward.png);
+    list-style-image: url(chrome://firebug/skin/navigationForward.svg);
 }
 
 .navigationHistoryMenuItemCurrent {

diff --git a/extension/skin/classic/nav-back.png b/extension/skin/classic/nav-back.png
diff --git a/extension/skin/classic/nav-down.png b/extension/skin/classic/nav-down.png
diff --git a/extension/skin/classic/nav-forward.png b/extension/skin/classic/nav-forward.png
diff --git a/extension/skin/classic/nav-up.png b/extension/skin/classic/nav-up.png
diff --git a/extension/skin/classic/navigationBack.svg b/extension/skin/classic/navigationBack.svg
diff --git a/extension/skin/classic/navigationForward.svg b/extension/skin/classic/navigationForward.svg