Real Pocket Icon & Accurate Fog Position

Echelon/Profile Folder/chrome/Echelon.main.css

@@ -125,6 +125,9 @@
 #save-to-pocket-button {
   list-style-image: url("images/icons/pocket.png") !important;
 }
+#save-to-pocket-button[open] {
+  list-style-image: url("images/icons/pocket_active.png") !important;
+}
 
 #developer-button {
   list-style-image: url("images/icons/developer.png") !important;
@@ -274,7 +277,11 @@
     list-style-image: url("images/icons/australis/stop.png") !important;
   }
   #main-window:not([echelon-appearance-blue], [echelon-appearance-xp])[echelon-appearance-australis-windows8][echelon-style-4] #save-to-pocket-button {
-    list-style-image: url("images/icons/australis/pocket.png") !important;
+    fill: #797C80 !important;
+    list-style-image: url("images/icons/australis/pocket.svg") !important;
+  }
+  #main-window:not([echelon-appearance-blue], [echelon-appearance-xp])[echelon-appearance-australis-windows8][echelon-style-4] #save-to-pocket-button[open] {
+    fill: #ED4255 !important;
   }
   #main-window:not([echelon-appearance-blue], [echelon-appearance-xp])[echelon-appearance-australis-windows8][echelon-style-4] #developer-button {
     list-style-image: url("images/icons/australis/developer.png") !important;
@@ -420,6 +427,10 @@
 #main-window[lwtheme-brighttext=true] #save-to-pocket-button {
   list-style-image: url("images/icons/inverted/pocket.png") !important;
 }
+#main-window[echelon-style-3]:not([tabs-on-top=true]) #nav-bar #save-to-pocket-button[open],
+#main-window[lwtheme-brighttext=true] #save-to-pocket-button[open] {
+  list-style-image: url("images/icons/inverted/pocket_active.png") !important;
+}
 #main-window[echelon-style-3]:not([tabs-on-top=true]) #nav-bar #developer-button,
 #main-window[lwtheme-brighttext=true] #developer-button {
   list-style-image: url("images/icons/inverted/developer.png") !important;

Echelon/Profile Folder/chrome/Echelon.tabs.css

@@ -11,6 +11,9 @@
 #TabsToolbar {
   padding-inline: 4px !important;
 }
+#TabsToolbar:not(:-moz-lwtheme) {
+  position: relative;
+}
 :root[sizemode=maximized][tabsintitlebar][tabs-on-top=true] #TabsToolbar {
   padding-inline-end: 0 !important;
 }
@@ -379,17 +382,6 @@ spacer[part=overflow-start-indicator] {
   margin-inline: 0 !important;
 }
 
-#scrollbutton-up,
-#scrollbutton-down {
-  width: 22px !important;
-  list-style-image: none !important;
-  background-color: transparent !important;
-  padding: 0 !important;
-  padding-bottom: 2px !important;
-  border: 0 !important;
-  border-radius: 0 !important;
-}
-
 #scrollbutton-up .toolbarbutton-icon,
 #scrollbutton-down .toolbarbutton-icon {
   width: 15px !important;

Echelon/Profile Folder/chrome/Echelon.tweaks.css

@@ -496,7 +496,7 @@
 }
 
 #main-window[echelon-style-4] #PanelUI-button {
-  margin-inline-start: 3px !important;
+  margin-inline-start: 7px !important;
   position: relative !important;
 }
 #main-window[echelon-style-4] #PanelUI-button #PanelUI-menu-button {
@@ -874,7 +874,7 @@
   margin: 0 60px;
   position: absolute;
   pointer-events: none;
-  top: 30px;
+  top: 50%;
   width: -moz-available;
   z-index: -1;
   order: 1001;

Echelon/Profile Folder/chrome/build.txt

@@ -1 +1 @@
-309
+312

Echelon/Profile Folder/chrome/echelon-scss-src/Echelon.main.scss

@@ -116,6 +116,10 @@
 
 #save-to-pocket-button {
   list-style-image: url("images/icons/pocket.png") !important;
+
+  &[open] {
+    list-style-image: url("images/icons/pocket_active.png") !important;
+  }
 }
 
 #developer-button {
@@ -289,7 +293,12 @@
     }
 
     #save-to-pocket-button {
-      list-style-image: url("images/icons/australis/pocket.png") !important;
+      fill: #797C80 !important;
+      list-style-image: url("images/icons/australis/pocket.svg") !important;
+
+      &[open] {
+        fill: #ED4255 !important;
+      }
     }
 
     #developer-button {
@@ -456,6 +465,10 @@
 
   #save-to-pocket-button {
     list-style-image: url("images/icons/inverted/pocket.png") !important;
+
+    &[open] {
+      list-style-image: url("images/icons/inverted/pocket_active.png") !important;
+    }
   }
 
   #developer-button {

Echelon/Profile Folder/chrome/echelon-scss-src/Echelon.tabs.scss

@@ -1,6 +1,10 @@
 #TabsToolbar {
   padding-inline: 4px !important;
 
+  &:not(:-moz-lwtheme) {
+    position: relative;
+  }
+
   :root[sizemode="maximized"][tabsintitlebar][tabs-on-top="true"] & {
     padding-inline-end: 0 !important;
   }

Echelon/Profile Folder/chrome/echelon-scss-src/Echelon.tweaks.scss

@@ -539,7 +539,7 @@
 }
 
 #main-window[echelon-style-4] #PanelUI-button {
-  margin-inline-start: 3px !important;
+  margin-inline-start: 7px !important;
   position: relative !important;
   #PanelUI-menu-button {
     width: 30px !important;
@@ -961,7 +961,7 @@
       margin: 0 60px;
       position: absolute;
       pointer-events: none;
-      top: 30px;
+      top: 50%;
       width: -moz-available;
       z-index: -1;
       order: 1001;