diff options
5 files changed, 21 insertions, 5 deletions
diff --git a/arc-firefox-theme/chrome/browser/browser.css b/arc-firefox-theme/chrome/browser/browser.css index 55c77d8..3752502 100644 --- a/arc-firefox-theme/chrome/browser/browser.css +++ b/arc-firefox-theme/chrome/browser/browser.css @@ -40,6 +40,9 @@ height: 1px; background-color: #dcdfe3; } +#navigator-toolbox:-moz-lwtheme::after { + background-color: rgba(0, 0, 0, 0.3); } + #navigator-toolbox > toolbar:not(:-moz-lwtheme):not(#toolbar-menubar):not(#TabsToolbar) { -moz-appearance: none; border-style: none; @@ -794,7 +797,7 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger { #TabsToolbar #loop-button { list-style-image: url("chrome://browser/skin/custom_images/light/loop-tabbar-icons.svg"); } -#loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), +#nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) { list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg") !important; } diff --git a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss index 550d3ac..fd0d813 100644 --- a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss +++ b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss @@ -63,6 +63,10 @@ $darker_asset_path_2: if($darker=='true', 'dark', $asset_path); background-color: $borders_color; } +#navigator-toolbox:-moz-lwtheme::after { + background-color: rgba(0,0,0,.3); +} + #navigator-toolbox > toolbar:not(:-moz-lwtheme):not(#toolbar-menubar):not(#TabsToolbar) { -moz-appearance: none; border-style: none; @@ -1084,7 +1088,7 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger { #TabsToolbar & { list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/loop-tabbar-icons.svg"); } } -#loop-button:not([disabled=true]):-moz-any([open],[checked],:hover:active), +#nav-bar #loop-button:not([disabled=true]):-moz-any([open],[checked],:hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open],[checked],:hover:active) { list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg") !important; } diff --git a/arc-firefox-theme/chrome/browser/sass/browser-dark.css b/arc-firefox-theme/chrome/browser/sass/browser-dark.css index 33cd9bf..f636bac 100644 --- a/arc-firefox-theme/chrome/browser/sass/browser-dark.css +++ b/arc-firefox-theme/chrome/browser/sass/browser-dark.css @@ -40,6 +40,9 @@ height: 1px; background-color: #2b2e39; } +#navigator-toolbox:-moz-lwtheme::after { + background-color: rgba(0, 0, 0, 0.3); } + #navigator-toolbox > toolbar:not(:-moz-lwtheme):not(#toolbar-menubar):not(#TabsToolbar) { -moz-appearance: none; border-style: none; @@ -794,7 +797,7 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger { #TabsToolbar #loop-button { list-style-image: url("chrome://browser/skin/custom_images/dark/loop-tabbar-icons.svg"); } -#loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), +#nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) { list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg") !important; } diff --git a/arc-firefox-theme/chrome/browser/sass/browser-darker.css b/arc-firefox-theme/chrome/browser/sass/browser-darker.css index b63050d..84b7369 100644 --- a/arc-firefox-theme/chrome/browser/sass/browser-darker.css +++ b/arc-firefox-theme/chrome/browser/sass/browser-darker.css @@ -40,6 +40,9 @@ height: 1px; background-color: #dcdfe3; } +#navigator-toolbox:-moz-lwtheme::after { + background-color: rgba(0, 0, 0, 0.3); } + #navigator-toolbox > toolbar:not(:-moz-lwtheme):not(#toolbar-menubar):not(#TabsToolbar) { -moz-appearance: none; border-style: none; @@ -794,7 +797,7 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger { #TabsToolbar #loop-button { list-style-image: url("chrome://browser/skin/custom_images/dark/loop-tabbar-icons.svg"); } -#loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), +#nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) { list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg") !important; } diff --git a/arc-firefox-theme/chrome/browser/sass/browser-light.css b/arc-firefox-theme/chrome/browser/sass/browser-light.css index 55c77d8..3752502 100644 --- a/arc-firefox-theme/chrome/browser/sass/browser-light.css +++ b/arc-firefox-theme/chrome/browser/sass/browser-light.css @@ -40,6 +40,9 @@ height: 1px; background-color: #dcdfe3; } +#navigator-toolbox:-moz-lwtheme::after { + background-color: rgba(0, 0, 0, 0.3); } + #navigator-toolbox > toolbar:not(:-moz-lwtheme):not(#toolbar-menubar):not(#TabsToolbar) { -moz-appearance: none; border-style: none; @@ -794,7 +797,7 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger { #TabsToolbar #loop-button { list-style-image: url("chrome://browser/skin/custom_images/light/loop-tabbar-icons.svg"); } -#loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), +#nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) { list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg") !important; } |