diff --git a/Echelon/Profile Folder/chrome/Echelon.main.css b/Echelon/Profile Folder/chrome/Echelon.main.css index c4f8af5..40432f9 100644 --- a/Echelon/Profile Folder/chrome/Echelon.main.css +++ b/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; diff --git a/Echelon/Profile Folder/chrome/Echelon.tabs.css b/Echelon/Profile Folder/chrome/Echelon.tabs.css index cfb49c9..e3b31ee 100644 --- a/Echelon/Profile Folder/chrome/Echelon.tabs.css +++ b/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; diff --git a/Echelon/Profile Folder/chrome/Echelon.tweaks.css b/Echelon/Profile Folder/chrome/Echelon.tweaks.css index 379b8b6..61e1fda 100644 --- a/Echelon/Profile Folder/chrome/Echelon.tweaks.css +++ b/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; diff --git a/Echelon/Profile Folder/chrome/build.txt b/Echelon/Profile Folder/chrome/build.txt index e0da8ae..3c7d064 100644 --- a/Echelon/Profile Folder/chrome/build.txt +++ b/Echelon/Profile Folder/chrome/build.txt @@ -1 +1 @@ -309 \ No newline at end of file +312 \ No newline at end of file diff --git a/Echelon/Profile Folder/chrome/echelon-scss-src/Echelon.main.scss b/Echelon/Profile Folder/chrome/echelon-scss-src/Echelon.main.scss index 1f0c6a5..5d4dfcb 100644 --- a/Echelon/Profile Folder/chrome/echelon-scss-src/Echelon.main.scss +++ b/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 { diff --git a/Echelon/Profile Folder/chrome/echelon-scss-src/Echelon.tabs.scss b/Echelon/Profile Folder/chrome/echelon-scss-src/Echelon.tabs.scss index 012d257..8d4cbd8 100644 --- a/Echelon/Profile Folder/chrome/echelon-scss-src/Echelon.tabs.scss +++ b/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; } diff --git a/Echelon/Profile Folder/chrome/echelon-scss-src/Echelon.tweaks.scss b/Echelon/Profile Folder/chrome/echelon-scss-src/Echelon.tweaks.scss index 4bec2c7..b48cc73 100644 --- a/Echelon/Profile Folder/chrome/echelon-scss-src/Echelon.tweaks.scss +++ b/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; diff --git a/Echelon/Profile Folder/chrome/images/icons/australis/pocket.svg b/Echelon/Profile Folder/chrome/images/icons/australis/pocket.svg new file mode 100644 index 0000000..b1cc9f8 --- /dev/null +++ b/Echelon/Profile Folder/chrome/images/icons/australis/pocket.svg @@ -0,0 +1,6 @@ + + + + \ No newline at end of file diff --git a/Echelon/Profile Folder/chrome/images/icons/inverted/pocket.png b/Echelon/Profile Folder/chrome/images/icons/inverted/pocket.png index 2c4f202..dc12e4d 100644 Binary files a/Echelon/Profile Folder/chrome/images/icons/inverted/pocket.png and b/Echelon/Profile Folder/chrome/images/icons/inverted/pocket.png differ diff --git a/Echelon/Profile Folder/chrome/images/icons/inverted/pocket_active.png b/Echelon/Profile Folder/chrome/images/icons/inverted/pocket_active.png new file mode 100644 index 0000000..ba25e48 Binary files /dev/null and b/Echelon/Profile Folder/chrome/images/icons/inverted/pocket_active.png differ diff --git a/Echelon/Profile Folder/chrome/images/icons/pocket.png b/Echelon/Profile Folder/chrome/images/icons/pocket.png index 7d34901..9d2fd07 100644 Binary files a/Echelon/Profile Folder/chrome/images/icons/pocket.png and b/Echelon/Profile Folder/chrome/images/icons/pocket.png differ diff --git a/Echelon/Profile Folder/chrome/images/icons/pocket_active.png b/Echelon/Profile Folder/chrome/images/icons/pocket_active.png new file mode 100644 index 0000000..65bb19a Binary files /dev/null and b/Echelon/Profile Folder/chrome/images/icons/pocket_active.png differ