diff --git a/chrome/extras/hidetoolbarbuttons.css b/chrome/extras/hidetoolbarbuttons.css new file mode 100644 index 0000000..7accb9c --- /dev/null +++ b/chrome/extras/hidetoolbarbuttons.css @@ -0,0 +1,23 @@ +/* (BUGGY: USE AT OWN RISK!) Hide toolbar buttons other than extensions */ + +.toolbarbutton-icon, +.toolbarbutton-badge-stack, +#nav-bar .toolbarbutton-1 +{ + transition-duration: 0.1s !important; + transition-property: width, padding, border !important; +} +:root:not([customizing]) #navigator-toolbox:not(:hover) > #nav-bar:not([urlbar-exceeds-toolbar-bounds="true"]) .toolbarbutton-1:not(.webextension-browser-action, [open], [checked]) :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) +{ + width: 0 !important; padding: 0 !important; +} +:root:not([customizing]) #navigator-toolbox:not(:hover) > #nav-bar:not([urlbar-exceeds-toolbar-bounds="true"]) .toolbarbutton-1:not(.webextension-browser-action, [open], [checked]) +{ + border-width: 0 !important; +} + +/* Also Hide urlbar background */ +/* +:root:not([customizing]) #navigator-toolbox:not(:hover) > #nav-bar +{ --toolbar-field-background-color: transparent !important; } +*/ \ No newline at end of file diff --git a/chrome/extras/swapaccount-overflow.css b/chrome/extras/swapaccount-overflow.css new file mode 100644 index 0000000..fa07aa3 --- /dev/null +++ b/chrome/extras/swapaccount-overflow.css @@ -0,0 +1,12 @@ +/* (BUGGY: USE AT OWN RISK!) Swap Account icon and Overflow icon (must be placed next to each other) */ + +@media (min-width: 687px) { + :root:not([customizing]) #nav-bar-overflow-button + { + transform: translateX(-44px); + } + :root:not([customizing]) #fxa-toolbar-menu-button + { + transform: translateX(44px); + } +} \ No newline at end of file diff --git a/chrome/extras/vibrancy.css b/chrome/extras/vibrancy.css new file mode 100644 index 0000000..3ef257b --- /dev/null +++ b/chrome/extras/vibrancy.css @@ -0,0 +1,26 @@ +/* (MACOS ONLY!) Enable window vibrancy behind tabs */ + +#TabsToolbar:not(:-moz-window-inactive) +{ + background-color: #0001 !important; +} +#main-window:-moz-any([lwthemetextcolor="bright"], [privatebrowsingmode=temporary]) #TabsToolbar:not(:-moz-window-inactive) +{ + background-color: #1114 !important; +} + +#main-window +{ + -moz-appearance: -moz-mac-vibrant-titlebar-light !important; +} + +#main-window:-moz-any([lwthemetextcolor="bright"], [privatebrowsingmode=temporary]) +{ + -moz-appearance: -moz-mac-vibrant-titlebar-dark !important; +} + +:-moz-any(#main-window, #TabsToolbar):-moz-any([inFullscreen="true"], :-moz-window-inactive) +{ + -moz-appearance: none !important; + background-color: var(--lwt-accent-color) !important; +} \ No newline at end of file diff --git a/chrome/userChrome.css b/chrome/userChrome.css index 50da355..8ac67a2 100644 --- a/chrome/userChrome.css +++ b/chrome/userChrome.css @@ -9,28 +9,22 @@ @import "findbar/findbar.css"; @import "tabbar/EdgeStyleTabShadow.css"; +/* Optional Extras (uncomment/comment to enable/disable) */ + +/* @import "extras/vibrancy.css"; */ /* (MACOS ONLY!) Enable window vibrancy behind tabs */ +/* @import "extras/hidetoolbarbuttons.css"; */ /* (BUGGY: USE AT OWN RISK!) Hide toolbar buttons other than extensions */ +/* @import "extras/swapaccount-overflow.css"; */ /* (BUGGY: USE AT OWN RISK!) Swap Account icon and Overflow icon (must be placed next to each other) */ + +/* (MACOS ONLY!) Adjust window controls position to make the spacing even */ +.titlebar-buttonbox { margin-inline: 13px 5px !important; } + #urlbarView-row-162, #urlbarView-row-19, #urlbar .urlbarView .search-one-offs, /* Hide search engine selector on the urlbar dropdown */ #context-sendpagetodevice, #context-sep-sendpagetodevice, /* Hide send page to device menu */ #permissions-granted-icon, #appMenu-fxa-status, toolbarseparator.sync-ui-item, #appMenu-protection-report-button, #appMenu-tp-separator, /* Hide Account and protection dashboard from menu */ #appMenu-edit-controls, .panel-subview-body toolbarseparator:nth-child(12) /* Hide Edit Controls */ -{ - display: none !important; -} - -/* Swap Account icon and Overflow icon (Must be placed next to each other) */ -/* -@media (min-width: 687px) { - #nav-bar-overflow-button { transform: translateX(-44px); } - #fxa-toolbar-menu-button { transform: translateX(44px); } -} -*/ - -/* Replace Firefox identity icon with Edge */ -/* -#identity-icon-label { display: none !important; } -#identity-box.chromeUI[pageproxystate="valid"]::after { content: "Edge"; padding-inline-start: 8px; } -#identity-icon { list-style-image: url("icons/edge.svg") !important; } -*/ +{ display: none !important; } /* Changelog (DD/MM) */ -/* 14-03 / Titlebar buttons no longer squashed on windows */ \ No newline at end of file +/* 86.0 / Titlebar buttons no longer squashed on windows */ +/* 86.0 r1 / Fix spacing issues with