├── .gitignore ├── .gitattributes ├── chrome ├── custom.css ├── icons │ ├── zoom-out.svg │ ├── menu.svg │ ├── arrow-filled-right.svg │ ├── arrow-right.svg │ ├── arrow-up.svg │ ├── arrow-down.svg │ ├── media-pause.svg │ ├── plus.svg │ ├── win11-minimize.svg │ ├── media-play.svg │ ├── arrow-filled-down.svg │ ├── arrow-filled-left.svg │ ├── checkmark.svg │ ├── reader-mode.svg │ ├── arrow-left.svg │ ├── search-glass.svg │ ├── info.svg │ ├── back.svg │ ├── edit-undo.svg │ ├── forward.svg │ ├── account.svg │ ├── win11-maximize.svg │ ├── window.svg │ ├── tab.svg │ ├── edit-redo.svg │ ├── bookmark.svg │ ├── close.svg │ ├── security.svg │ ├── report.svg │ ├── edit-copy.svg │ ├── microphone.svg │ ├── open.svg │ ├── win11-close.svg │ ├── security-broken.svg │ ├── close-9px.svg │ ├── mail.svg │ ├── autoplay-media.svg │ ├── customize.svg │ ├── edit-cut.svg │ ├── link.svg │ ├── move-tab.svg │ ├── screen.svg │ ├── win11-restore.svg │ ├── page-portrait.svg │ ├── win11-close-dark.svg │ ├── firefox-view.svg │ ├── chevron.svg │ ├── midi.svg │ ├── media-pip.svg │ ├── bookmark-star-on-tray.svg │ ├── downloads.svg │ ├── tag.svg │ ├── new-tab-image.svg │ ├── pocket-outline.svg │ ├── source-code.svg │ ├── help.svg │ ├── inspect.svg │ ├── permissions.svg │ ├── edit.svg │ ├── tracking-protection.svg │ ├── reload.svg │ ├── send-to-device.svg │ ├── sidebars.svg │ ├── canvas.svg │ ├── duplicate-tab.svg │ ├── search-page.svg │ ├── sidebars-right.svg │ ├── geo.svg │ ├── desktop-notification.svg │ ├── add-to-dictionary.svg │ ├── fullscreen.svg │ ├── developer.svg │ ├── manage.svg │ ├── camera.svg │ ├── bookmark-hollow.svg │ ├── print.svg │ ├── edit-paste.svg │ ├── pin.svg │ ├── tab-audio-blocked-small.svg │ ├── account-private.svg │ ├── microphone-blocked.svg │ ├── privateBrowsing.svg │ ├── fullscreen-exit.svg │ ├── history.svg │ ├── home.svg │ ├── new-tab.svg │ ├── video-open.svg │ ├── image-open.svg │ ├── image-copy.svg │ ├── autoplay-media-blocked.svg │ ├── screen-blocked.svg │ ├── media-mute.svg │ ├── edit-delete.svg │ ├── passwords.svg │ ├── save.svg │ ├── security-warning.svg │ ├── firefox.svg │ ├── folder.svg │ ├── media-unmute.svg │ ├── canvas-blocked.svg │ ├── share.svg │ ├── audio-save.svg │ ├── geo-blocked.svg │ ├── edit-select-all.svg │ ├── popup.svg │ ├── desktop-notification-blocked.svg │ ├── paste-and-go.svg │ ├── accessibility.svg │ ├── media-loop.svg │ ├── tool-profiler.svg │ ├── camera-blocked.svg │ ├── edit-copy-without-tracking.svg │ ├── persistent-storage.svg │ ├── xr.svg │ ├── forget.svg │ ├── video-save.svg │ ├── private-window.svg │ ├── container-tab.svg │ ├── media-speed.svg │ ├── image-save.svg │ ├── library.svg │ ├── extension.svg │ ├── screenshot.svg │ ├── tab-audio-muted-small.svg │ ├── persistent-storage-blocked.svg │ ├── xr-blocked.svg │ ├── extension-blocked.svg │ ├── tab-audio-playing-small.svg │ ├── settings.svg │ ├── translate.svg │ ├── reload-to-stop.svg │ └── stop-to-reload.svg ├── userContent.css ├── EdgyArc-fr │ ├── icons │ │ ├── arrow.svg │ │ ├── ublock.svg │ │ ├── private-icon.svg │ │ ├── dr.svg │ │ └── bitwarden.svg │ ├── translucent-base.css │ ├── translucent-arc.css │ ├── autohide-sidebar-modified.css │ ├── icons.css │ ├── urlbar-tweaks.css │ └── main.css ├── userChrome.css ├── toolbar │ ├── findbar.css │ ├── personalbar.css │ ├── navbar.css │ └── urlbar.css ├── global │ ├── tree.css │ ├── tweaks.css │ └── browser.css ├── content │ └── common.css └── tweaks │ ├── hide-tabs-bar.css │ └── sidebery.css ├── .github └── ISSUE_TEMPLATE │ └── bug_report.md └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | **/.DS_Store 2 | .DS_Store 3 | chrome/.DS_Store 4 | .DS_Store 5 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /chrome/custom.css: -------------------------------------------------------------------------------- 1 | 2 | /* === import EdgyArc-fr === */ 3 | 4 | @import url("EdgyArc-fr/main.css") 5 | 6 | 7 | /* === Add your own css === */ 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /chrome/icons/zoom-out.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/menu.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/icons/arrow-filled-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/userContent.css: -------------------------------------------------------------------------------- 1 | /* Edge-Frfox */ 2 | @import url("content/common.css"); 3 | @import url("content/newtab.css"); 4 | @import url("tweaks/sidebery.css") (-moz-bool-pref: "uc.tweak.theme.sidebery"); 5 | @import url("EdgyArc-fr/sidebery.css") (-moz-bool-pref: "af.sidebery.edgyarc-theme"); 6 | -------------------------------------------------------------------------------- /chrome/icons/arrow-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/arrow-up.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/arrow-down.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/media-pause.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/plus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/win11-minimize.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/icons/media-play.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/arrow-filled-down.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/arrow-filled-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/checkmark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/reader-mode.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/icons/arrow-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/search-glass.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/info.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/back.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/edit-undo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/forward.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/account.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /chrome/icons/win11-maximize.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/window.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/tab.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/edit-redo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/bookmark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/close.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/security.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/report.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/edit-copy.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/microphone.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/open.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/win11-close.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/EdgyArc-fr/icons/arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /chrome/icons/security-broken.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/close-9px.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/mail.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/autoplay-media.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/customize.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/edit-cut.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/link.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/move-tab.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/screen.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/win11-restore.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/page-portrait.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/win11-close-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/firefox-view.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/chevron.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/icons/midi.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/media-pip.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/bookmark-star-on-tray.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/icons/downloads.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/icons/tag.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/new-tab-image.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /chrome/icons/pocket-outline.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/source-code.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/help.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/inspect.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/permissions.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/edit.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/tracking-protection.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/reload.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/send-to-device.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/sidebars.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/canvas.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/duplicate-tab.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/search-page.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/sidebars-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/geo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/desktop-notification.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/add-to-dictionary.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/icons/fullscreen.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/developer.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/manage.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/camera.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/bookmark-hollow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/print.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/edit-paste.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/pin.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/tab-audio-blocked-small.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/icons/account-private.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /chrome/icons/microphone-blocked.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/icons/privateBrowsing.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/fullscreen-exit.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/history.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/icons/home.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/new-tab.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/icons/video-open.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/icons/image-open.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /chrome/icons/image-copy.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/icons/autoplay-media-blocked.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/icons/screen-blocked.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/userChrome.css: -------------------------------------------------------------------------------- 1 | /* Edge-Frfox main files */ 2 | @import url("icons/icons.css"); 3 | @import url("toolbar/tabbar.css"); 4 | @import url("toolbar/navbar.css"); 5 | @import url("toolbar/personalbar.css"); 6 | @import url("toolbar/findbar.css"); 7 | @import url("toolbar/urlbar.css"); 8 | @import url("global/colors.css"); 9 | @import url("global/popup.css"); 10 | @import url("global/browser.css"); 11 | @import url("global/tree.css"); 12 | 13 | /* Edge-Frfox tweaks */ 14 | @import url("global/tweaks.css"); 15 | @import url("tweaks/hide-tabs-bar.css") (-moz-bool-pref: "uc.tweak.hide-tabs-bar"); 16 | 17 | /* Import custom stylesheet instead of modifying Edge-Frfox theme files. */ 18 | @import url("custom.css"); 19 | -------------------------------------------------------------------------------- /chrome/icons/media-mute.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/edit-delete.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/passwords.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/save.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/security-warning.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/icons/firefox.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/folder.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/icons/media-unmute.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/canvas-blocked.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/icons/share.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/audio-save.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/icons/geo-blocked.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/icons/edit-select-all.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/popup.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/icons/desktop-notification-blocked.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/icons/paste-and-go.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/EdgyArc-fr/icons/ublock.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/icons/accessibility.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/media-loop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/tool-profiler.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/camera-blocked.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/icons/edit-copy-without-tracking.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/icons/persistent-storage.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/xr.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/forget.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/video-save.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/icons/private-window.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/icons/container-tab.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/media-speed.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/image-save.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/icons/library.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/bug_report.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Bug report 3 | about: Create a report to help us improve 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | **Describe the bug** 11 | A clear and concise description of what the bug is. 12 | 13 | **To Reproduce** 14 | Steps to reproduce the behavior: 15 | 1. Go to '...' 16 | 2. Click on '....' 17 | 3. Scroll down to '....' 18 | 4. See error 19 | 20 | **Expected behavior** 21 | A clear and concise description of what you expected to happen. 22 | 23 | **Screenshots** 24 | If applicable, add screenshots to help explain your problem. 25 | 26 | **Desktop (please complete the following information):** 27 | - OS: [e.g. iOS] 28 | - Browser [e.g. chrome, safari] 29 | - Version [e.g. 22] 30 | 31 | **Smartphone (please complete the following information):** 32 | - Device: [e.g. iPhone6] 33 | - OS: [e.g. iOS8.1] 34 | - Browser [e.g. stock browser, safari] 35 | - Version [e.g. 22] 36 | 37 | **Additional context** 38 | Add any other context about the problem here. 39 | -------------------------------------------------------------------------------- /chrome/icons/extension.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/screenshot.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/EdgyArc-fr/icons/private-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /chrome/icons/tab-audio-muted-small.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/icons/persistent-storage-blocked.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/icons/xr-blocked.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/icons/extension-blocked.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/icons/tab-audio-playing-small.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/EdgyArc-fr/translucent-base.css: -------------------------------------------------------------------------------- 1 | @media (-moz-bool-pref: "af.edgyarc.macos-translucent") 2 | { 3 | :root { 4 | /*translucent stuff*/ 5 | #navigator-toolbox, #browser { 6 | background-color:transparent !important; 7 | } 8 | 9 | &, #navigator-toolbox { 10 | background-color:transparent !important; 11 | appearance: -moz-window-titlebar !important;} 12 | 13 | 14 | &[windowtype="navigator:browser"] { 15 | background-color:transparent !important; 16 | } 17 | } 18 | 19 | /*add translucency to library window WIP*/ 20 | #placesList, #placeContent { 21 | background-color: transparent !important; 22 | appearance: -moz-window-titlebar !important; 23 | } 24 | 25 | #placesContentTitle, #placesContentTags, #placesContentUrl, #placesContentDate, #placesContentVisitCount, #placesContentDateAdded, #placesContentLastModified, #downloadsListBox{ 26 | background-color:transparent !important; 27 | 28 | } 29 | 30 | :root:not([customizing]):not(:has(#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:not([hidden]))), 31 | :root:not([customizing]):not(:has(#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]:not([hidden]))), 32 | :root:not([customizing]):not(:has(#sidebar-box[sidebarcommand="tabcenter-reborn_ariasuni-sidebar-action"]:not([hidden]))) { 33 | #sidebar { 34 | background-color:var(--lwt-accent-color) !important; 35 | } 36 | } 37 | 38 | } 39 | /*end translucent stuff*/ -------------------------------------------------------------------------------- /chrome/EdgyArc-fr/icons/dr.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 14 | 16 | 20 | 21 | -------------------------------------------------------------------------------- /chrome/icons/settings.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/EdgyArc-fr/icons/bitwarden.svg: -------------------------------------------------------------------------------- 1 | 2 | 11 | 13 | 17 | 18 | -------------------------------------------------------------------------------- /chrome/EdgyArc-fr/translucent-arc.css: -------------------------------------------------------------------------------- 1 | /*start minimal sidebar*/ 2 | 3 | @media not (-moz-bool-pref:"af.edgyarc.edge-sidebar"){ 4 | 5 | 6 | #sidebar-box { 7 | background-color:transparent !important; 8 | opacity:var(--af-minimal-opacity) !important; 9 | margin:0px !important; 10 | padding:0px !important; 11 | &, #sidebar { 12 | border-radius:0 0 0 0 !important; 13 | } 14 | } 15 | :root[titlepreface="᠎"] { 16 | #sidebar-box { 17 | padding-left:1px !important; 18 | &:hover>#sidebar { 19 | margin-left:var(--uc-tweak-rounded-corners-padding) !important; 20 | margin-bottom:var(--uc-tweak-rounded-corners-padding) !important; 21 | } 22 | &:hover::before { 23 | content: ''; 24 | display: block; 25 | position: absolute; 26 | top: 0; right: 0; bottom: 0; left: 0; 27 | z-index: 0; 28 | pointer-events: none; 29 | background-color:var(--lwt-accent-color) !important; 30 | opacity:var(--af-minimal-opacity) !important; 31 | } 32 | } 33 | } 34 | /* :root:not([customizing]):has(#sidebar-box:not([hidden])) {} */ 35 | :root:has(#sidebar-box:not([hidden])){ 36 | #appcontent .browserStack { 37 | margin-left:0px !important; 38 | } 39 | } 40 | :root:has(#sidebar-box[hidden]){ 41 | #appcontent .browserStack { 42 | margin-left:8px !important; 43 | } 44 | } 45 | 46 | 47 | 48 | 49 | #navigator-toolbox, .browserContainer { 50 | &::before { 51 | content: ''; 52 | display: block; 53 | position: absolute; 54 | top: 0; right: 0; bottom: 0; left: 0; 55 | z-index: 0; 56 | pointer-events: none; 57 | background-color:var(--lwt-accent-color) !important; 58 | opacity:var(--af-minimal-opacity) !important; 59 | } 60 | } 61 | 62 | 63 | 64 | } -------------------------------------------------------------------------------- /chrome/icons/translate.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/icons/reload-to-stop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /chrome/toolbar/findbar.css: -------------------------------------------------------------------------------- 1 | /* Edge-Frfox - findbar.css 2 | * https://github.com/bmFtZQ/edge-frfox */ 3 | 4 | /* Findbar text input box. */ 5 | .findbar-textbox { 6 | border: 0 !important; 7 | border-radius: var(--toolbarbutton-border-radius) !important; 8 | background-color: var(--toolbar-field-background-color) !important; 9 | 10 | /* Add shadow when in light mode with no theme applied, like the URL bar. */ 11 | :root:not([lwtheme]) & { 12 | box-shadow: 0 0 4px light-dark(rgb(0 0 0 / .1), transparent) !important; 13 | } 14 | 15 | &:focus { 16 | outline-width: 2px !important; 17 | outline-offset: -1px !important; 18 | } 19 | 20 | &[status="notfound"] { 21 | outline: 2px solid var(--input-error-border-color, #E22850) !important; 22 | outline-offset: -1px !important; 23 | } 24 | } 25 | 26 | /* Prevent focus outline from being cut off on the findbar textbox. */ 27 | .findbar-container { 28 | overflow-inline: visible !important; 29 | 30 | /* Add ability to drag window from empty space in the findbar. */ 31 | &::after { 32 | content: ""; 33 | flex: 1; 34 | align-self: stretch; 35 | margin-block: -6px; 36 | -moz-window-dragging: drag; 37 | } 38 | } 39 | 40 | /* Findbar buttons. */ 41 | .findbar-find-previous, 42 | .findbar-find-next, 43 | findbar .close-icon { 44 | border-radius: var(--toolbarbutton-border-radius) !important; 45 | 46 | &:not([disabled]):hover { 47 | background-color: var(--toolbarbutton-hover-background, rgb(190 190 190 / .2)) !important; 48 | 49 | &:active { 50 | background-color: var(--toolbarbutton-active-background, rgb(190 190 190 / .4)) !important; 51 | } 52 | } 53 | } 54 | 55 | /* Rounded corners optimisations. */ 56 | @media (-moz-bool-pref: "uc.tweak.rounded-corners") { 57 | findbar { 58 | border: none !important; 59 | margin-bottom: var(--uc-tweak-rounded-corners-padding, 0px) !important; 60 | background-color: transparent !important; 61 | padding-inline: var(--uc-tweak-rounded-corners-padding, 0px) !important; 62 | 63 | &[hidden] { 64 | margin-bottom: calc(var(--uc-tweak-rounded-corners-padding, 0px) - 40px) !important; 65 | } 66 | } 67 | } 68 | -------------------------------------------------------------------------------- /chrome/icons/stop-to-reload.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /chrome/toolbar/personalbar.css: -------------------------------------------------------------------------------- 1 | /* Edge-Frfox - personalbar.css 2 | * https://github.com/bmFtZQ/edge-frfox */ 3 | 4 | :root { 5 | --bookmark-block-padding: 6px !important; 6 | --bookmark-inline-padding: 6px !important; 7 | --bookmark-block-margin: 2px !important; 8 | --bookmark-inline-margin: 2px !important; 9 | --uc-bookmark-toolbar-padding-bottom: 2px; 10 | --bookmarks-toolbar-overlapping-browser-height: calc(var(--uc-bookmark-toolbar-padding-bottom) + 16px + (var(--bookmark-block-margin) + var(--bookmark-block-padding)) * 2) !important; 11 | } 12 | 13 | #PersonalToolbar { 14 | padding-bottom: var(--uc-bookmark-toolbar-padding-bottom) !important; 15 | } 16 | 17 | /* Bookmarks bar item sizing */ 18 | #personal-toolbar-empty-description, 19 | #PersonalToolbar .toolbarbutton-1, 20 | toolbarbutton.bookmark-item:not(.subviewbutton) { 21 | margin-block: var(--bookmark-block-margin) !important; 22 | margin-inline: var(--bookmark-inline-margin) !important; 23 | padding-block: var(--bookmark-block-padding) !important; 24 | padding-inline: var(--bookmark-inline-padding) !important; 25 | font-size: 12px !important; 26 | 27 | /* Adjust vertical label position on Windows */ 28 | @media (-moz-platform: windows) { 29 | & .toolbarbutton-text { 30 | margin-block: -1px 0 !important; 31 | } 32 | } 33 | } 34 | 35 | #PersonalToolbar .toolbarbutton-1 { 36 | padding: 0 !important; 37 | } 38 | 39 | /* Bookmarks bar separators */ 40 | #PlacesToolbarItems > toolbarseparator { 41 | padding-inline: calc(3px - var(--bookmark-inline-margin)) !important; 42 | align-items: center !important; 43 | 44 | &::before { 45 | content: ""; 46 | border-inline-start: 1px solid var(--toolbarseparator-color) !important; 47 | height: 16px !important; 48 | border-image: none !important; 49 | } 50 | 51 | /* Fractional scaling adjustments (150%, 175%, etc.) */ 52 | @media (1dppx < resolution < 2dppx) { 53 | &::before { 54 | border-inline-start-width: 1.5px !important; 55 | } 56 | } 57 | } 58 | 59 | /* Left and Right padding of bookmarks bar */ 60 | #PersonalToolbar { 61 | padding-inline: calc(var(--toolbar-start-end-padding) - 2px) calc(var(--toolbar-start-end-padding) + 4px) !important; 62 | } 63 | 64 | /* Spacing between icon and label for bookmarks bar items */ 65 | #managed-bookmarks>.toolbarbutton-icon, 66 | #bookmarks-toolbar-placeholder>.toolbarbutton-icon, 67 | #PlacesToolbarItems>.bookmark-item>.toolbarbutton-icon[label]:not([label=""]), 68 | #OtherBookmarks.bookmark-item[container]>.toolbarbutton-icon { 69 | margin-inline-end: 8px !important; 70 | } 71 | 72 | /* Sizing for bookmarks bar icons */ 73 | #PersonalToolbar .toolbarbutton-1>.toolbarbutton-icon { 74 | width: calc(2 * var(--bookmark-block-padding) + 16px) !important; 75 | height: calc(2 * var(--bookmark-block-padding) + 16px) !important; 76 | padding: var(--bookmark-block-padding) !important; 77 | } 78 | -------------------------------------------------------------------------------- /chrome/global/tree.css: -------------------------------------------------------------------------------- 1 | /* Edge-Frfox - tree.css */ 2 | 3 | /* Change height of tree items and add rounded corners */ 4 | treechildren::-moz-tree-row, 5 | treecol:not([hideheader="true"]), 6 | .tree-columnpicker-button { 7 | min-height: max(28px, 1.3em) !important; 8 | border-radius: 2px !important; 9 | } 10 | 11 | /* Change the background colour on hover */ 12 | @media not (prefers-contrast) { 13 | treechildren::-moz-tree-row(hover) { 14 | background-color: var(--toolbarbutton-hover-background) !important; 15 | } 16 | } 17 | 18 | /* Change the background colour when pressed */ 19 | treechildren::-moz-tree-row(selected) { 20 | background-color: var(--toolbarbutton-active-background) !important; 21 | } 22 | 23 | /* Change the background colour when focused */ 24 | treechildren::-moz-tree-row(selected, focus) { 25 | background-color: var(--button-primary-bgcolor) !important; 26 | } 27 | 28 | treechildren::-moz-tree-row(current, focus) { 29 | outline: var(--default-focusring); 30 | outline-color: var(--button-primary-bgcolor) !important; 31 | outline-offset: calc(-1 * var(--default-focusring-width)); 32 | } 33 | 34 | treechildren::-moz-tree-image(selected), 35 | treechildren::-moz-tree-twisty(selected), 36 | treechildren::-moz-tree-cell-text(selected) { 37 | color: inherit !important; 38 | } 39 | 40 | treechildren::-moz-tree-image(selected, focus), 41 | treechildren::-moz-tree-twisty(selected, focus), 42 | treechildren::-moz-tree-cell-text(selected, focus) { 43 | color: var(--button-primary-color) !important; 44 | } 45 | 46 | /* Spacing between icon and label */ 47 | treechildren::-moz-tree-image { 48 | margin-inline-end: 8px !important; 49 | } 50 | 51 | /* Separator appearance */ 52 | treechildren::-moz-tree-separator { 53 | border-top: 1px solid var(--toolbarseparator-color) !important; 54 | border-bottom: none !important; 55 | } 56 | 57 | /* Change the colour of the drop feedback elements */ 58 | treechildren::-moz-tree-cell-text(primary, dropOn) { 59 | background-color: var(--button-primary-bgcolor) !important; 60 | color: var(--button-primary-color) !important; 61 | } 62 | 63 | treechildren::-moz-tree-drop-feedback { 64 | background-color: var(--toolbarbutton-icon-fill-attention) !important; 65 | border-radius: 2px !important; 66 | } 67 | 68 | /* Change the appearance for the expandable items */ 69 | treechildren::-moz-tree-twisty { 70 | padding-top: 0 !important; 71 | padding-inline: 4px !important; 72 | width: 16px !important; 73 | list-style-image: url("../icons/arrow-filled-right.svg") !important; 74 | } 75 | 76 | treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(closed) { 77 | list-style-image: url("../icons/arrow-filled-left.svg") !important; 78 | } 79 | 80 | treechildren::-moz-tree-twisty(open) { 81 | list-style-image: url("../icons/arrow-filled-down.svg") !important; 82 | } 83 | 84 | /* Change the identation of child items */ 85 | treechildren::-moz-tree-indentation { 86 | width: 16px !important; 87 | } 88 | -------------------------------------------------------------------------------- /chrome/toolbar/navbar.css: -------------------------------------------------------------------------------- 1 | /* Edge-Frfox - navbar.css 2 | * https://github.com/bmFtZQ/edge-frfox */ 3 | 4 | :root { 5 | --toolbarbutton-border-radius: 4px !important; 6 | --toolbarbutton-inner-padding: 7px !important; 7 | --uc-toolbarbutton-inner-inline-padding: 12px !important; 8 | --toolbarbutton-outer-padding: 2px !important; 9 | --tabs-navbar-shadow-size: 0px !important; 10 | } 11 | 12 | #nav-bar .toolbarbutton-1>.toolbarbutton-icon { 13 | width: calc(2 * var(--uc-toolbarbutton-inner-inline-padding) + 16px) !important; 14 | } 15 | 16 | #nav-bar .toolbarbutton-1>.toolbarbutton-icon, 17 | #nav-bar .toolbarbutton-1>.toolbarbutton-text, 18 | #nav-bar .toolbarbutton-1>.toolbarbutton-badge-stack { 19 | padding-inline: var(--uc-toolbarbutton-inner-inline-padding) !important; 20 | } 21 | 22 | /* move reload/stop icon to middle of button */ 23 | #reload-button>.toolbarbutton-animatable-box, 24 | #stop-button>.toolbarbutton-animatable-box { 25 | top: calc(50% - 10px) !important; 26 | } 27 | 28 | #nav-bar-customization-target :where(#reload-button, #stop-button)>.toolbarbutton-icon { 29 | padding: var(--toolbarbutton-inner-padding) var(--uc-toolbarbutton-inner-inline-padding) !important; 30 | } 31 | 32 | toolbar .toolbaritem-combined-buttons { 33 | margin-inline: var(--toolbarbutton-outer-padding) !important; 34 | } 35 | 36 | /* account button */ 37 | .browser-toolbar #fxa-toolbar-menu-button, 38 | .browser-toolbar #fxa-toolbar-menu-button>.toolbarbutton-badge-stack, 39 | #fxa-avatar-image { 40 | border-radius: 99px !important; 41 | } 42 | 43 | .browser-toolbar #fxa-toolbar-menu-button>.toolbarbutton-badge-stack { 44 | padding: var(--toolbarbutton-inner-padding) !important; 45 | margin-inline: calc(var(--uc-toolbarbutton-inner-inline-padding) - var(--toolbarbutton-inner-padding)) !important; 46 | } 47 | 48 | #TabsToolbar #fxa-toolbar-menu-button>.toolbarbutton-badge-stack { 49 | margin-inline: calc(var(--uc-toolbarbutton-inner-inline-padding) - (var(--toolbarbutton-inner-padding) + 2px)) !important; 50 | } 51 | 52 | #fxa-toolbar-menu-button { 53 | display: flex !important; 54 | } 55 | 56 | #widget-overflow-list>#fxa-toolbar-menu-button #fxa-avatar-image { 57 | scale: 1.25 !important; 58 | } 59 | 60 | .customization-target>#fxa-toolbar-menu-button #fxa-avatar-image { 61 | scale: 1.5 !important; 62 | } 63 | 64 | /* button background transition */ 65 | @media not (prefers-reduced-motion) { 66 | .toolbarbutton-1>.toolbarbutton-icon, 67 | .toolbarbutton-1>.toolbarbutton-text, 68 | .toolbarbutton-1>.toolbarbutton-badge-stack, 69 | :not(.panel-subview-body>toolbaritem)>.bookmark-item:not(menu, menuitem), 70 | .urlbar-page-action, 71 | .identity-box-button, 72 | #tracking-protection-icon-container, 73 | panel button, 74 | panel menulist, 75 | .titlebar-button { 76 | transition: background-color 0.25s ease !important; 77 | } 78 | 79 | .toolbarbutton-1:not([disabled=true]):is([open], [checked], :hover:active)>.toolbarbutton-icon, 80 | .toolbarbutton-1:not([disabled=true]):is([open], [checked], :hover:active)>.toolbarbutton-text, 81 | .toolbarbutton-1:not([disabled=true]):is([open], [checked], :hover:active)>.toolbarbutton-badge-stack, 82 | :not(.panel-subview-body>toolbaritem)>.bookmark-item:not(menu, menuitem):not([disabled=true]):is([open], [checked], :hover:active), 83 | .urlbar-page-action:not([disabled=true]):is([open], [checked], :hover:active), 84 | .identity-box-button:not([disabled=true]):is([open], [checked], :hover:active), 85 | #tracking-protection-icon-container:not([disabled=true]):is([open], [checked], :hover:active), 86 | panel button:not([disabled=true]):is([open], [checked], :hover:active), 87 | panel menulist:not([disabled=true]):is([open], [checked], :hover:active), 88 | .titlebar-button:not([disabled=true]):hover:active { 89 | transition-duration: 0s !important; 90 | } 91 | } 92 | -------------------------------------------------------------------------------- /chrome/EdgyArc-fr/autohide-sidebar-modified.css: -------------------------------------------------------------------------------- 1 | /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_sidebar.css made available under Mozilla Public License v. 2.0 2 | See the above repository for updates as well as full license text. */ 3 | 4 | /* 5 | Enhanced by Prit Cee (@pritceeart) 6 | This customization is shared under the Mozilla Public License v. 2.0. 7 | Feel free to use, adapt, and elevate as needed. No support is provided, and your creativity is the limit. 8 | Kindly respect the original license by MrOtherGuy. 9 | */ 10 | @media (-moz-bool-pref:"af.edgyarc.sidebar-always-collapsed") { 11 | :root, :root[titlepreface="᠎"] { 12 | #sidebar-box { 13 | --uc-sidebar-hover-width: 48px !important; 14 | } 15 | } 16 | } 17 | 18 | @media (-moz-bool-pref:"af.edgyarc.autohide-sidebar") { 19 | :root[titlepreface="᠎"] { 20 | #sidebar-box { 21 | --uc-sidebar-width: 8px !important; 22 | } 23 | 24 | } 25 | } 26 | 27 | /* Apply styles only when toggled using the userchrome toggle addon */ 28 | :root[titlepreface="᠎"] { 29 | #sidebar-box { 30 | --uc-sidebar-width: 48px; 31 | --uc-autohide-sidebar-delay: 0ms !important; 32 | --uc-autohide-transition-duration: 100ms; 33 | --uc-autohide-transition-type: linear; 34 | position: relative; 35 | min-width: var(--uc-sidebar-width) !important; 36 | width: var(--uc-sidebar-width) !important; 37 | max-width: var(--uc-sidebar-width) !important; 38 | z-index: 1; 39 | @media not (-moz-bool-pref:"uc.tweak.af.sidebar-width-350") {--uc-sidebar-hover-width: 260px;} 40 | @media (-moz-bool-pref:"uc.tweak.af.sidebar-width-350") {--uc-sidebar-hover-width: 350px;} 41 | } 42 | 43 | #sidebar-box[positionend] { direction: rtl } 44 | #sidebar-box[positionend] > * { direction: ltr } 45 | 46 | #sidebar-box[positionend]:-moz-locale-dir(rtl) { direction: ltr } 47 | #sidebar-box[positionend]:-moz-locale-dir(rtl) > * { direction: rtl } 48 | 49 | #sidebar-splitter { 50 | width: 10px !important; 51 | visibility: collapse; 52 | } 53 | 54 | #sidebar-header::before, 55 | #sidebar-header::after { 56 | content: ""; 57 | display: flex; 58 | padding-left: 8px; 59 | } 60 | 61 | #sidebar-box:hover > #sidebar-header, 62 | #sidebar-box:hover > #sidebar { 63 | min-width: var(--uc-sidebar-hover-width) !important; 64 | max-width: var(--uc-sidebar-hover-width) !important; 65 | transition: min-width var(--uc-autohide-transition-duration) var(--uc-autohide-transition-type) var(--uc-autohide-sidebar-delay), box-shadow var(--uc-autohide-transition-duration) ease-in-out var(--uc-autohide-sidebar-delay) !important; 66 | } 67 | 68 | .sidebar-panel { 69 | background-color: transparent !important; 70 | color: var(--newtab-text-primary-color) !important; 71 | } 72 | 73 | .sidebar-panel #search-box { 74 | -moz-appearance: none !important; 75 | background-color: rgba(249, 249, 250, 0.1) !important; 76 | color: inherit !important; 77 | } 78 | 79 | /* Add sidebar divider and give it background */ 80 | #sidebar, 81 | #sidebar-header { 82 | background-color: inherit !important; 83 | border-inline: 0px; 84 | border-inline-width: 0px 0px; 85 | } 86 | 87 | #sidebar-box:not([positionend]) > :-moz-locale-dir(rtl), 88 | #sidebar-box[positionend] > * { 89 | border-inline-width: 0px 0px; 90 | } 91 | 92 | /* Move statuspanel to the other side when sidebar is hovered so it doesn't get covered by sidebar */ 93 | #sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel { 94 | inset-inline: auto 0px !important; 95 | } 96 | 97 | #sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel-label { 98 | margin-inline: 0px !important; 99 | border-left-style: solid !important; 100 | } 101 | } -------------------------------------------------------------------------------- /chrome/EdgyArc-fr/icons.css: -------------------------------------------------------------------------------- 1 | @media (-moz-bool-pref:"uc.tweak.af.greyscale-webext-icons") { 2 | /* Greyscale extension buttons */ 3 | #navigator-toolbox:not(:hover) .toolbarbutton-icon { 4 | filter: grayscale(100%); 5 | transition: filter 300ms ease !important; 6 | } 7 | 8 | /* Restore color on hover */ 9 | #navigator-toolbox:hover .toolbarbutton-icon { 10 | filter: grayscale(0%); 11 | transition: filter 300ms ease !important; 12 | } 13 | } 14 | 15 | /*move badge to the bottom of toolbar buttons*/ 16 | #navigator-toolbox #nav-bar-customization-target .toolbarbutton-badge { 17 | margin-top: 8px !important; 18 | margin-bottom:-8px !important; 19 | border-radius:10px!important;} 20 | 21 | 22 | /*stick stop-reload button into right corner of addressbar like in safari*/ 23 | /* if stop-reload-button is on the IMMEDIATE RIGHT of the addressbar, stick it into the addressbar*/ 24 | #urlbar-container:has(+ #stop-reload-button) { 25 | #urlbar { 26 | /*padding-right: 28px; */ 27 | } 28 | #page-action-buttons { 29 | margin-right:28px !important; 30 | } 31 | } 32 | 33 | #urlbar-container+#stop-reload-button { 34 | background-color: transparent !important; 35 | --toolbarbutton-border-radius: 5px !important; 36 | --toolbarbutton-inner-padding: 5px !important; 37 | --uc-toolbarbutton-inner-inline-padding: 6px !important; 38 | --toolbarbutton-outer-padding: 2px; 39 | --toolbarbutton-hover-background: var(--urlbar-box-hover-bgcolor) !important; 40 | margin-left: calc(-16px - 2 * (var(--toolbarbutton-inner-padding) + var(--uc-toolbarbutton-inner-inline-padding))); 41 | margin-right: cacl(var(--toolbarbutton-inner-padding)*2); 42 | z-index:9999 !important; 43 | } 44 | 45 | #urlbar-container+#stop-reload-button:hover { 46 | opacity: 1 !important; 47 | & .toolbarbutton-icon{ 48 | opacity:1 !important; 49 | } 50 | } 51 | 52 | #urlbar-container+#stop-reload-button .toolbarbutton-icon { 53 | width:26px !important; 54 | height:24px !important; 55 | 56 | } 57 | 58 | 59 | /*only show urlbar buttons on hover*/ 60 | #star-button, 61 | #page-action-buttons { 62 | display: flex !important; 63 | } 64 | 65 | #urlbar:hover #star-button, 66 | #urlbar:hover #page-action-buttons { 67 | display: flex !important; 68 | opacity:0.8 !important; 69 | transition: width 300ms ease-in-out !important; 70 | 71 | } 72 | 73 | #urlbar:not(:hover) #star-button:not([open]), 74 | #urlbar:not(:hover) #page-action-buttons .urlbar-page-action:not([open]) { 75 | display:none !important; 76 | opacity:0 !important; 77 | width:0.1px !important; 78 | transition: width 300ms ease-in-out !important; 79 | 80 | } 81 | 82 | #urlbar:not([focused]) .urlbar-input:not([focused]) { 83 | text-align: center !important; 84 | } 85 | 86 | 87 | 88 | 89 | :root[windowtype="navigator:browser"] #back-button { 90 | list-style-image: url("icons/arrow.svg") !important; 91 | transform: rotate(180deg); 92 | } 93 | 94 | :root[windowtype="navigator:browser"] #forward-button { 95 | list-style-image: url("icons/arrow.svg") !important; 96 | 97 | } 98 | 99 | 100 | #fxa-toolbar-menu-button { 101 | transform: scale(0.8) !important; 102 | } 103 | 104 | 105 | /* Userchrome Toggle => sidebar icon */ 106 | :is(.webextension-browser-action, 107 | .eom-addon-button):is([data-extensionid="userchrome-toggle-extended@n2ezr.ru"], 108 | [data-extensionid="userchrome-toggle@joolee.nl"]) .toolbarbutton-icon { 109 | list-style-image: url("chrome://browser/skin/sidebars.svg"); 110 | } 111 | 112 | /* uBlock Origin => custom svg icon */ 113 | :is(.webextension-browser-action, 114 | .eom-addon-button)[data-extensionid="uBlock0@raymondhill.net"] .toolbarbutton-icon { 115 | list-style-image: url("icons/ublock.svg"); 116 | } 117 | 118 | /* Bitwarden => custom svg icon */ 119 | :is(.webextension-browser-action, 120 | .eom-addon-button)[data-extensionid="{446900e4-71c2-419f-a6a7-df9c091e268b}"] .toolbarbutton-icon { 121 | list-style-image: url("icons/bitwarden.svg"); 122 | } 123 | 124 | /* Privacy Badger => it's own monochrome icon */ 125 | :is(.webextension-browser-action, 126 | .eom-addon-button)[data-extensionid="jid1-MnnxcxisBPnSXQ@jetpack"] .toolbarbutton-icon { 127 | list-style-image: image-set(url("moz-extension://51ac6f66-1bb5-4473-93a0-41ead025ec8f/icons/badger-19-disabled.png"), url("moz-extension://51ac6f66-1bb5-4473-93a0-41ead025ec8f/icons/badger-38-disabled.png")); 128 | } 129 | 130 | /* Dark Reader => custom svg icon (moon) */ 131 | :is(.webextension-browser-action, 132 | .eom-addon-button)[data-extensionid="addon@darkreader.org"] .toolbarbutton-icon { 133 | list-style-image: url("icons/dr.svg"); 134 | } -------------------------------------------------------------------------------- /chrome/content/common.css: -------------------------------------------------------------------------------- 1 | /* Edge-Frfox - content/common.css */ 2 | 3 | /* colours */ 4 | @-moz-document url-prefix(about:) { 5 | :root { 6 | --in-content-page-color: light-dark(#252525, #fff) !important; 7 | --in-content-page-background: light-dark(#f7f7f7, #252525) !important; 8 | --in-content-deemphasized-text: light-dark(#666, #bbb) !important; 9 | --in-content-box-background: light-dark(#fff, #333) !important; 10 | --in-content-box-background-odd: light-dark(rgb(0 0 0 / .05), rgb(255 255 255 / .05)) !important; 11 | --in-content-box-info-background: light-dark(#f7f7f7, rgb(255 255 255 / 0.15)) !important; 12 | --in-content-icon-color: light-dark(#666, #fff) !important; 13 | --in-content-accent-color: light-dark(#006CBE, #75B6E8) !important; 14 | --in-content-accent-color-active: light-dark(#1683D8, #4C98D1) !important; 15 | --in-content-border-hover: light-dark(rgb(0 0 0 / .5), rgb(255 255 255 / .3)) !important; 16 | --in-content-border-invalid: var(--red-50) !important; 17 | --in-content-border-color: light-dark(#bebebe, rgb(255 255 255 / .2)) !important; 18 | --in-content-error-text-color: light-dark(#FF848A, #FF9AA2) !important; 19 | --in-content-link-color: light-dark(#0078D4, #75B6E8) !important; 20 | --in-content-link-color-hover: light-dark(#006CBE, #63ADE5) !important; 21 | --in-content-link-color-active: light-dark(#0749AC, #4C98D1) !important; 22 | --in-content-link-color-visited: light-dark(#0078D4, #75B6E8) !important; 23 | --link-color: var(--in-content-link-color) !important; 24 | --link-color-hover: var(--in-content-link-color-hover) !important; 25 | --link-color-active: var(--in-content-link-color-active) !important; 26 | --link-color-visited: var(--in-content-link-color-visited) !important; 27 | --in-content-button-text-color: var(--in-content-text-color) !important; 28 | --in-content-button-text-color-hover: var(--in-content-text-color) !important; 29 | --in-content-button-text-color-active: var(--in-content-button-text-color-hover) !important; 30 | --in-content-button-background: light-dark(#EDEDED, #3B3B3B) !important; 31 | --in-content-button-background-hover: light-dark(#e5e5e5, #545454) !important; 32 | --in-content-button-background-active: light-dark(#d5d5d5, #606060) !important; 33 | --in-content-primary-button-text-color: light-dark(#fff, #fff) !important; 34 | --in-content-primary-button-background: light-dark(#0061e0, #006CBE) !important; 35 | --in-content-primary-button-background-hover: light-dark(#0250bb, #0078D4) !important; 36 | --in-content-primary-button-background-active: light-dark(#053e94, #005CA3) !important; 37 | --color-accent-primary: light-dark(#0078D4, #006CBE) !important; 38 | --color-accent-primary-hover: light-dark(#006CBE, #0078D4) !important; 39 | --color-accent-primary-active: light-dark(#0749AC, #005CA3) !important; 40 | --in-content-danger-button-background: light-dark(#DF4951, #E12424) !important; 41 | --in-content-danger-button-background-hover: light-dark(#EA656C, #F94343) !important; 42 | --in-content-danger-button-background-active: light-dark(#BB353C, #AA1E1E) !important; 43 | --in-content-focus-outline-color: light-dark(rgb(0 85 215 / .5), #63ADE5) !important; 44 | --focus-outline-color: var(--in-content-focus-outline-color) !important; 45 | --in-content-table-background: light-dark(#f7f7f7, #252525) !important; 46 | --in-content-text-color: var(--in-content-page-color) !important; 47 | --border-interactive-color: light-dark(#929292, #858585) !important; 48 | scrollbar-color: 49 | light-dark(rgb(37 37 37 / .4), rgb(255 255 255 / .4)) 50 | light-dark(#f7f7f7, #252525) !important; 51 | } 52 | 53 | ::selection { 54 | background-color: light-dark(#0078D4, #93B8E7); 55 | color: light-dark(#fff, #000); 56 | } 57 | } 58 | 59 | /* preferences */ 60 | @-moz-document url-prefix(about:preferences), 61 | url-prefix(about:addons) { 62 | .category[selected] { 63 | position: relative !important; 64 | border-radius: 4px !important; 65 | } 66 | 67 | .category[selected]:not(:hover, :active) { 68 | background-color: var(--in-content-button-background) !important; 69 | } 70 | 71 | .category[selected]::before { 72 | content: ""; 73 | position: absolute; 74 | inset-block: 0; 75 | margin-block: auto; 76 | height: 24px; 77 | width: 3px; 78 | left: 2px; 79 | background-color: var(--in-content-accent-color); 80 | border-radius: 3px; 81 | } 82 | 83 | button.tab-button:hover { 84 | border-block-color: transparent var(--in-content-box-border-color) !important; 85 | } 86 | 87 | button.tab-button[selected], 88 | button.tab-button[selected]:hover { 89 | border-block-color: transparent currentColor !important; 90 | } 91 | 92 | .toggle-button { 93 | --toggle-dot-margin: 4px !important; 94 | --toggle-width: 40px !important; 95 | --toggle-height: 20px !important; 96 | --toggle-background-color: transparent !important; 97 | --toggle-dot-background-color: var(--in-content-page-color) !important; 98 | --toggle-dot-background-color-on-pressed: #fff !important; 99 | --toggle-dot-transform-x: calc(var(--toggle-width) - 2 * var(--toggle-dot-margin) - 2 * var(--toggle-border-width) - var(--toggle-dot-width)) !important; 100 | } 101 | } 102 | -------------------------------------------------------------------------------- /chrome/global/tweaks.css: -------------------------------------------------------------------------------- 1 | /* Edge-Frfox - tweaks.css */ 2 | 3 | /* disable drag space above tabs */ 4 | @media (-moz-bool-pref: "uc.tweak.disable-drag-space") { 5 | :root { 6 | --uc-tab-top-margin: 0px !important; 7 | } 8 | } 9 | 10 | /* force tabs to toolbar bg (useful for proton themes) (might experience some 11 | bugs with certain themes eg. dark text on dark background.) */ 12 | @media (-moz-bool-pref: "uc.tweak.force-tab-colour") { 13 | :root[lwtheme] { 14 | --tab-selected-bgcolor: var(--toolbar-bgcolor) !important; 15 | --tab-selected-textcolor: var(--toolbar-color) !important; 16 | } 17 | } 18 | 19 | /* remove tab separators */ 20 | @media (-moz-bool-pref: "uc.tweak.remove-tab-separators") { 21 | .tabbrowser-tab .tab-stack { 22 | &::before, 23 | &::after { 24 | content: initial !important; 25 | } 26 | } 27 | } 28 | 29 | @media (-moz-bool-pref: "uc.tweak.floating-tabs") { 30 | :root:not([lwtheme]), 31 | /* `--newtab-background-color-secondary used` to differentiate between a dark 32 | * private window and private window with the 'Dark' theme enabled. 33 | * May not be the most reliable method, but works for now up to FF 123. */ 34 | :root[privatebrowsingmode="temporary"]:where([style*="--lwt-accent-color: rgb(28, 27, 34)"]:not([style*="--newtab-background-color-secondary: rgb(66, 65, 77)"])) { 35 | --lwt-accent-color: light-dark(#f3f3f3, #202020) !important; 36 | --lwt-accent-color-inactive: unset !important; 37 | --toolbar-bgcolor: light-dark(#fff, #3F3F3F) !important; 38 | --lwt-tab-text: light-dark(#262626, #fff) !important; 39 | --chrome-content-separator-color: light-dark(#bfbfbf, #535353) !important; 40 | --lwt-tab-line-color: light-dark(transparent, rgb(255 255 255 / 0.06)) !important; 41 | } 42 | 43 | /* Uses :root body to avoid affecting other variables by changing 44 | * --toolbar-color. */ 45 | :root body { 46 | /* Use tabbar colours for better readability when using custom themes. */ 47 | --toolbar-color: var(--lwt-text-color) !important; 48 | --toolbarbutton-icon-fill: var(--lwt-text-color) !important; 49 | 50 | &:-moz-window-inactive { 51 | --toolbar-color: var(--lwt-text-color-inactive, var(--lwt-text-color)) !important; 52 | --toolbarbutton-icon-fill: var(--lwt-text-color-inactive, var(--lwt-text-color)) !important; 53 | } 54 | } 55 | 56 | @media (-moz-gtk-csd-available) { 57 | :root:not([lwtheme]) { 58 | --toolbar-bgcolor: color-mix(in srgb, -moz-dialog 80%, #fff) !important; 59 | --toolbar-field-background-color: Field !important; 60 | --lwt-tab-text: -moz-dialogtext !important; 61 | --lwt-tab-line-color: rgb(255 255 255 / 0.06) !important; 62 | --lwt-accent-color: var(--toolbox-non-lwt-bgcolor) !important; 63 | 64 | &:-moz-window-inactive { 65 | --lwt-accent-color: var(--toolbox-non-lwt-bgcolor-inactive) !important; 66 | } 67 | } 68 | } 69 | 70 | /* Shadow for navbar and tabs */ 71 | :root, 72 | :root .tabbrowser-tab { 73 | --uc-titlebar-shadow: none; 74 | --uc-tab-shadow-outline: rgb(0 0 0 / .11); 75 | --uc-tab-shadow: 0 2.5px 3px 1px rgb(0 0 0 / .08); 76 | 77 | & [brighttext], 78 | & [brighttext] .tabbrowser-tab { 79 | --uc-titlebar-shadow: none; 80 | --uc-tab-shadow-outline: transparent; 81 | --uc-tab-shadow: 0 2px 3px rgb(0 0 0 / .12); 82 | } 83 | 84 | & #TabsToolbar { 85 | --tab-border-radius: 8px !important; 86 | } 87 | } 88 | 89 | /* remove toolbar bg */ 90 | #nav-bar, 91 | #PersonalToolbar { 92 | background-color: transparent !important; 93 | } 94 | 95 | /* invert bottom corner radius for tabs */ 96 | .tab-background { 97 | border-radius: var(--tab-border-radius) !important; 98 | 99 | &::before, 100 | &::after { 101 | display: none !important; 102 | } 103 | } 104 | 105 | .tab-background[selected] { 106 | border: 1px solid var(--lwt-tab-line-color, var(--lwt-tabs-border-color, transparent)) !important; 107 | outline: 1px solid var(--uc-tab-shadow-outline) !important; 108 | 109 | /* Fractional scaling adjustments (150%, 175%, etc.) */ 110 | @media (1dppx < resolution < 2dppx) { 111 | outline-width: 1.5px !important; 112 | } 113 | } 114 | 115 | /* adjust spacing of area above tabs */ 116 | @media not (-moz-platform: macos) { 117 | :root[sizemode="maximized"] { 118 | --uc-tab-top-margin: 4px !important; 119 | } 120 | } 121 | 122 | :root:is([inFullscreen], :not([tabsintitlebar])) { 123 | --uc-tab-top-margin: 4px !important; 124 | } 125 | 126 | @media (-moz-bool-pref: "uc.tweak.disable-drag-space") { 127 | :root { 128 | --uc-tab-top-margin: 4px !important; 129 | } 130 | } 131 | 132 | /* IMPORTANT: Adds padding and removes margin on top of tabs to allow user to 133 | * select it from the top edge of the window */ 134 | #tabbrowser-tabs { 135 | margin-top: calc(var(--uc-tab-top-margin) - 4px) !important; 136 | 137 | & .tabbrowser-tab, 138 | & #tabs-newtab-button { 139 | padding-top: 4px !important; 140 | } 141 | } 142 | 143 | #scrollbutton-up:not(.menupopup-scrollbutton), 144 | #scrollbutton-down:not(.menupopup-scrollbutton) { 145 | &, 146 | & ~ spacer { 147 | margin-top: 4px !important; 148 | } 149 | } 150 | 151 | /* move tab shadow behind urlbar */ 152 | .tabbrowser-tab[visuallyselected="true"], 153 | #nav-bar { 154 | z-index: 2 !important; 155 | } 156 | 157 | /* tab shadow adjustments */ 158 | .tabbrowser-tab { 159 | overflow-clip-margin: 8px !important; 160 | } 161 | 162 | #tabbrowser-arrowscrollbox > *, 163 | #scrollbutton-up:not(.menupopup-scrollbutton), 164 | #scrollbutton-up:not(.menupopup-scrollbutton) ~ spacer, 165 | #scrollbutton-down:not(.menupopup-scrollbutton) { 166 | margin-bottom: 8px !important; 167 | } 168 | 169 | #tabbrowser-arrowscrollbox { 170 | margin-bottom: -8px !important; 171 | } 172 | } 173 | 174 | @media (not (-moz-platform: macos)) and (not (-moz-bool-pref: "uc.tweak.revert-context-menu")) { 175 | @media (-moz-bool-pref: "uc.tweak.vertical-context-navigation") { 176 | #context-navigation { 177 | /* Stack menu items vertically. */ 178 | flex-direction: column !important; 179 | 180 | /* Align the image and label to the left edge. */ 181 | & > .menuitem-iconic { 182 | justify-content: start !important; 183 | 184 | &::after { 185 | /* Get the menuitem label from the aria-label attribute. */ 186 | content: attr(aria-label); 187 | } 188 | } 189 | } 190 | } 191 | } 192 | 193 | @media (-moz-bool-pref: "uc.tweak.context-menu.hide-access-key") { 194 | :where(menuitem, menu) > :is(.menu-text, .menu-iconic-text)[value]:not([value=""]) { 195 | &::before { 196 | /* The default value is -moz-label-content, which takes the data from the 197 | * value attribute and highlights the character found in the accesskey 198 | * attribute. This skips that and uses the value attribute directly. */ 199 | content: attr(value) !important; 200 | } 201 | } 202 | } 203 | 204 | @media (-moz-bool-pref: "uc.tweak.show-tab-close-button-on-hover") { 205 | #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned], [selected]):hover .tab-close-button { 206 | display: flex !important; 207 | } 208 | } 209 | 210 | @media (-moz-bool-pref: "uc.tweak.hide-forward-button") { 211 | :root:not([customizing]) #forward-button[disabled] { 212 | display: none !important; 213 | } 214 | } 215 | 216 | @media (-moz-bool-pref: "uc.tweak.context-menu.hide-firefox-account") { 217 | #appMenu-fxa-status2, 218 | #appMenu-fxa-separator { 219 | display: none !important; 220 | } 221 | } 222 | -------------------------------------------------------------------------------- /chrome/global/browser.css: -------------------------------------------------------------------------------- 1 | /* Edge-Frfox - browser.css 2 | * https://github.com/bmFtZQ/edge-frfox */ 3 | 4 | /* Windows has 1px missing space on top of window, but not when accent colour is 5 | * applied to the title bar. */ 6 | @media (-moz-platform: windows) and (not (-moz-windows-accent-color-in-titlebar)) { 7 | :root[sizemode="normal"][tabsintitlebar]:not([inFullscreen]) #navigator-toolbox { 8 | padding-top: 1px !important; 9 | } 10 | } 11 | 12 | /* Add a shadow when the toolbars move over content, eg. in macOS hovering over 13 | * the menu bar in fullscreen mode. */ 14 | #navigator-toolbox[style*="transform"] { 15 | box-shadow: 0 -3px 5px 3px light-dark(rgb(0 0 0 / .3), rgb(0 0 0 / .6)) !important; 16 | } 17 | 18 | /* Rounded Corners Tweak */ 19 | @media (-moz-bool-pref: "uc.tweak.rounded-corners") { 20 | /* Since Firefox 120, when the bookmarks bar is set to only open on new tabs, 21 | * the bookmarks bar overlaps the #browser element. */ 22 | 23 | /* Change the element that shifts the browser content to the correct position. */ 24 | #main-window[BookmarksToolbarOverlapsBrowser] .newTabBrowserPanel, 25 | #main-window[BookmarksToolbarOverlapsBrowser] #sidebar-box { 26 | padding-top: 0 !important; 27 | } 28 | 29 | #main-window[BookmarksToolbarOverlapsBrowser] #browser { 30 | margin-top: var(--bookmarks-toolbar-overlapping-browser-height); 31 | } 32 | 33 | /* Make sure that the toolbars are not positioned in-front of the browser 34 | * element. */ 35 | #main-window[BookmarksToolbarOverlapsBrowser] #navigator-toolbox:not([style*="z-index"]) { 36 | z-index: auto !important; 37 | } 38 | 39 | /* Move the browser element in-front of the toolbars when on the new tab page. */ 40 | #main-window:not([BookmarksToolbarOverlapsBrowser]) #browser { 41 | z-index: 1 !important; 42 | } 43 | 44 | /* Variables used for the rounded corners. */ 45 | #main-window:not([chromehidden~="toolbar"]) { 46 | --uc-tweak-rounded-corners-padding: 4px; 47 | --uc-tweak-rounded-corners-radius: 8px; 48 | --uc-tweak-rounded-corners-shadow: 49 | 0 -.8px 0 0 rgb(0 0 0 / 0.02), 50 | 0 0.5px 1px 1px rgb(0 0 0 / 0.06), 51 | 0 1px 1px rgb(0 0 0 / 0.1); 52 | --browser-frame-bgcolor: var(--toolbar-bgcolor, var(--lwt-accent-color)); 53 | 54 | /* Different shadow for higher resolution displays. */ 55 | @media (resolution > 1.8dppx) { 56 | --uc-tweak-rounded-corners-shadow: 57 | 0 0 0.5px 0.5px rgb(0 0 0 / 0.06), 58 | 0 0.5px 1.5px rgb(0 0 0 / 0.1); 59 | } 60 | 61 | @media (-moz-bool-pref: "uc.tweak.floating-tabs") { 62 | --browser-frame-bgcolor: var(--lwt-accent-color); 63 | 64 | &:-moz-window-inactive { 65 | --browser-frame-bgcolor: var(--lwt-accent-color-inactive, var(--lwt-accent-color)); 66 | } 67 | } 68 | } 69 | 70 | /* Hide border below titlebar on macOS, as its titlebar already has a border. */ 71 | @media (-moz-platform: macos) { 72 | :root[chromehidden~="toolbar"][chromehidden~="location"][chromehidden~="directories"] { 73 | border-top: none !important; 74 | } 75 | } 76 | 77 | /* Remove separator between toolbars and the browser window. */ 78 | #navigator-toolbox { 79 | border-bottom: none !important; 80 | } 81 | 82 | /* Disable rounded corners in fullscreen, only if the toolbar is hidden. */ 83 | :root[inFullscreen] #navigator-toolbox[style*="margin-top"] + #browser, 84 | :root[inDOMFullscreen] #browser { 85 | --uc-tweak-rounded-corners-padding: 0; 86 | --uc-tweak-rounded-corners-radius: 0; 87 | --uc-tweak-rounded-corners-shadow: unset; 88 | } 89 | 90 | /* Apply rounded corners to the browser container. */ 91 | #appcontent .browserStack { 92 | margin-inline: var(--uc-tweak-rounded-corners-padding) !important; 93 | margin-block-end: var(--uc-tweak-rounded-corners-padding) !important; 94 | border-radius: var(--uc-tweak-rounded-corners-radius) !important; 95 | box-shadow: var(--uc-tweak-rounded-corners-shadow) !important; 96 | background-color: var(--tabpanel-background-color) !important; 97 | position: relative !important; 98 | 99 | /* Use pseudo element overlay to simulate rounded corners, similar to the 100 | * tab corners, fixes bug with backdrop-filter. */ 101 | &::after { 102 | content: ""; 103 | position: absolute; 104 | inset: 0; 105 | border-radius: inherit; 106 | /* Draw toolbar background on the negative corner space, then draw the 107 | * same shadow from the browser window on top. */ 108 | box-shadow: 109 | var(--uc-tweak-rounded-corners-shadow, 0 0 transparent), 110 | 0 0 0 16px var(--browser-frame-bgcolor) !important; 111 | clip-path: inset(0); 112 | pointer-events: none; 113 | } 114 | } 115 | 116 | .browserContainer.responsive-mode { 117 | background-color: transparent !important; 118 | 119 | & .rdm-toolbar { 120 | margin-inline: var(--uc-tweak-rounded-corners-padding) !important; 121 | border-top-left-radius: var(--uc-tweak-rounded-corners-radius) !important; 122 | border-top-right-radius: var(--uc-tweak-rounded-corners-radius) !important; 123 | width: calc(100% - var(--uc-tweak-rounded-corners-padding) * 2) !important; 124 | } 125 | } 126 | 127 | /* Prevent status panel corners and shadow from appearing outside the browser. */ 128 | #statuspanel { 129 | overflow: hidden; 130 | } 131 | 132 | /* Apply rounded corners to sidebar. */ 133 | #sidebar-box { 134 | margin-inline-start: var(--uc-tweak-rounded-corners-padding) !important; 135 | margin-block-end: var(--uc-tweak-rounded-corners-padding) !important; 136 | border-radius: var(--uc-tweak-rounded-corners-radius) !important; 137 | overflow: hidden !important; 138 | box-shadow: var(--uc-tweak-rounded-corners-shadow) !important; 139 | 140 | &[positionend] { 141 | margin-inline-start: 0 !important; 142 | margin-inline-end: var(--uc-tweak-rounded-corners-padding) !important; 143 | } 144 | } 145 | 146 | /* Devtools window when docked to the left or right. */ 147 | .devtools-toolbox-side-iframe { 148 | margin-block-end: var(--uc-tweak-rounded-corners-padding) !important; 149 | border-radius: var(--uc-tweak-rounded-corners-radius) !important; 150 | overflow: hidden !important; 151 | box-shadow: var(--uc-tweak-rounded-corners-shadow) !important; 152 | 153 | /* Devtools window when docked to the left. */ 154 | &:first-child { 155 | margin-inline-start: var(--uc-tweak-rounded-corners-padding) !important; 156 | } 157 | 158 | /* Devtools window when docked to the right. */ 159 | &:last-child { 160 | margin-inline-end: var(--uc-tweak-rounded-corners-padding) !important; 161 | } 162 | } 163 | 164 | /* Devtools window when docked to the bottom. */ 165 | .devtools-toolbox-bottom-iframe { 166 | margin: var(--uc-tweak-rounded-corners-padding) !important; 167 | margin-block-start: 0 !important; 168 | border-radius: var(--uc-tweak-rounded-corners-radius) !important; 169 | overflow: hidden !important; 170 | box-shadow: var(--uc-tweak-rounded-corners-shadow) !important; 171 | } 172 | 173 | /* Hide devtools splitter. */ 174 | .devtools-side-splitter, 175 | .devtools-horizontal-splitter { 176 | background-color: transparent !important; 177 | } 178 | 179 | /* Remove sidebar border when not in full screen. */ 180 | :not(:root[inFullscreen] #navigator-toolbox[style*="margin-top"]) + #browser #sidebar-splitter { 181 | border-inline-width: 0 !important; 182 | } 183 | 184 | /* Apply colour to the frame around the browser window. */ 185 | #browser { 186 | background-color: var(--browser-frame-bgcolor); 187 | } 188 | 189 | /* Change colour of page when loading */ 190 | #tabbrowser-tabpanels { 191 | background-color: transparent !important; 192 | } 193 | } 194 | -------------------------------------------------------------------------------- /chrome/toolbar/urlbar.css: -------------------------------------------------------------------------------- 1 | /* Edge-Frfox - urlbar.css 2 | * https://github.com/bmFtZQ/edge-frfox */ 3 | 4 | /* Variables */ 5 | :root { 6 | --urlbar-min-height: 30px !important; 7 | --urlbarView-item-inline-padding: calc(1px + var(--uc-urlbar-inline-padding) + var(--uc-urlbar-icon-inline-padding)) !important; 8 | --urlbar-icon-border-radius: 99px !important; 9 | --urlbar-icon-padding: calc(var(--toolbarbutton-inner-padding) - 2px) !important; 10 | --urlbar-margin-inline: 6px !important; 11 | --identity-box-margin-inline: 6px !important; 12 | --uc-urlbar-icon-inline-padding: var(--uc-toolbarbutton-inner-inline-padding); 13 | --uc-urlbar-inline-padding: 5px; 14 | --uc-urlbar-shadow: 0 0 4px rgb(0 0 0 / .1); 15 | --urlbarView-rich-suggestion-default-icon-size: 32px !important; 16 | 17 | /* urlbar height */ 18 | & #urlbar-container { 19 | --urlbar-container-height: calc(8px + 16px + var(--toolbarbutton-inner-padding) * 2) !important; 20 | } 21 | 22 | & #urlbar { 23 | --urlbar-toolbar-height: calc(8px + 16px + var(--toolbarbutton-inner-padding) * 2) !important; 24 | --urlbar-height: calc(16px + var(--toolbarbutton-inner-padding) * 2) !important; 25 | --urlbar-min-height: calc(16px + var(--toolbarbutton-inner-padding) * 2) !important; 26 | } 27 | 28 | /* Spacing for urlbar suggestion icons. */ 29 | .urlbarView-row { 30 | --urlbarView-icon-margin-start: 0px !important; 31 | --urlbarView-icon-margin-end: calc(var(--uc-urlbar-icon-inline-padding) + var(--identity-box-margin-inline)) !important; 32 | } 33 | } 34 | 35 | /* Appearance for URL bar. */ 36 | #urlbar-background, 37 | #searchbar { 38 | border-radius: calc(var(--urlbar-icon-border-radius) + 2px) !important; 39 | 40 | /* Shadow for URL bar, only appears in light mode. */ 41 | :root:not([lwtheme]) #nav-bar:not([brighttext]) & { 42 | box-shadow: var(--uc-urlbar-shadow, none); 43 | } 44 | 45 | /* Appearance when the URL bar is expanded. */ 46 | #urlbar[open] & { 47 | border-radius: 8px !important; 48 | border-color: transparent !important; 49 | box-shadow: 0 10px 16px rgb(0 0 0 / 0.18), 0 3px 5px rgb(0 0 0 / 0.33) !important; 50 | outline: 0.5px solid var(--arrowpanel-border-color) !important; 51 | 52 | :root:not([lwtheme]) & { 53 | outline-color: var(--panel-separator-color) !important; 54 | } 55 | } 56 | } 57 | 58 | /* Add padding to sides of URL bar. */ 59 | #urlbar-input-container, 60 | #searchbar { 61 | padding-inline: var(--uc-urlbar-inline-padding) !important; 62 | } 63 | 64 | /* URL bar suggestions container. */ 65 | .urlbarView { 66 | margin-inline: 0 !important; 67 | width: 100% !important; 68 | border-inline: 0 !important; 69 | padding-block: 0 !important; 70 | 71 | & .urlbarView-body-inner { 72 | width: 100% !important; 73 | margin-inline: 0 !important; 74 | } 75 | 76 | /* Remove padding from top of URL bar results, not needed as URL bar input already has padding. */ 77 | & .urlbarView-results { 78 | padding-block-start: 0 !important; 79 | } 80 | } 81 | 82 | /* URL bar item. */ 83 | .urlbarView-row { 84 | padding-block: 0 !important; 85 | border: none !important; 86 | border-radius: 0 !important; 87 | 88 | & .urlbarView-row-inner { 89 | padding-block: 8px !important; 90 | } 91 | 92 | /* Vertically align search suggestion thumbnail images. */ 93 | &[rich-suggestion] > .urlbarView-row-inner > .urlbarView-favicon { 94 | margin-inline-start: calc(var(--urlbarView-icon-margin-start) + (16px - var(--urlbarView-rich-suggestion-default-icon-size)) / 2) !important; 95 | margin-inline-end: calc(var(--urlbarView-icon-margin-end) + (16px - var(--urlbarView-rich-suggestion-default-icon-size)) / 2) !important; 96 | } 97 | } 98 | 99 | /* Add highlighted marker to the left of selected URL bar items. */ 100 | .urlbarView-row:not([type="tip"], [type="dynamic"])[selected] > .urlbarView-row-inner, 101 | .urlbarView-row-inner[selected] { 102 | box-shadow: 3px 0 var(--uc-urlbarView-accent-color, var(--toolbar-field-focus-border-color)) inset !important; 103 | } 104 | 105 | /* Keep URL bar in place when expanding. */ 106 | #urlbar[breakout][breakout-extend] { 107 | left: 0 !important; 108 | width: 100% !important; 109 | } 110 | 111 | /* Search engine selector */ 112 | .search-one-offs:not([hidden]) { 113 | padding-block: 6px !important; 114 | 115 | & .searchbar-engine-one-off-item { 116 | min-width: 30px !important; 117 | height: 30px !important; 118 | } 119 | 120 | .urlbarView:not([noresults]) > & { 121 | border-color: var(--urlbarView-separator-color) !important; 122 | } 123 | 124 | #urlbar-anon-search-settings { 125 | margin-inline-end: 8px !important; 126 | } 127 | } 128 | 129 | /* Search engine indicator. */ 130 | #urlbar-search-mode-indicator { 131 | :root:not([lwtheme]) & { 132 | background-color: var(--urlbar-box-hover-bgcolor) !important; 133 | } 134 | 135 | & #urlbar-search-mode-indicator-title { 136 | font-size: 0.9em !important; 137 | } 138 | } 139 | 140 | /* Remove border between URL bar input and suggestions. */ 141 | #urlbar[open] > .urlbarView > .urlbarView-body-outer > .urlbarView-body-inner { 142 | border-top: 0 !important; 143 | } 144 | 145 | /* Buttons inside the URL bar. */ 146 | .urlbar-page-action, 147 | #urlbar-go-button, 148 | .search-go-button, 149 | #tracking-protection-icon-container, 150 | #identity-icon-box { 151 | padding-inline: var(--uc-urlbar-icon-inline-padding) !important; 152 | width: calc(var(--uc-urlbar-icon-inline-padding) * 2 + 16px) !important; 153 | } 154 | 155 | /* Site information and Permissions buttons. */ 156 | #identity-icon-box, 157 | #identity-permission-box, 158 | .notification-anchor-icon { 159 | padding-inline: var(--uc-urlbar-icon-inline-padding) !important; 160 | } 161 | 162 | /* Zoom level and tab container indicators. */ 163 | #userContext-icons, 164 | #urlbar-zoom-button { 165 | padding-inline: var(--uc-urlbar-icon-inline-padding) !important; 166 | margin-block: 0 !important; 167 | margin-inline: 0 !important; 168 | } 169 | 170 | /* Move tracking protection button. */ 171 | #tracking-protection-icon-container, 172 | #page-action-buttons { 173 | order: 2 !important; 174 | } 175 | 176 | /* Hide tracking protection button when not hovering over URL bar. */ 177 | #urlbar-container:not(:hover) #tracking-protection-icon-container:not([open]) { 178 | visibility: collapse !important; 179 | } 180 | 181 | /* Focus border for URL bar. */ 182 | #urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background, 183 | #searchbar:focus-within { 184 | outline-offset: calc(var(--focus-outline-width) * -1 + 1px) !important; 185 | } 186 | 187 | /* Pin icon for URL bar suggested sites. */ 188 | .urlbarView-row[pinned] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-type-icon { 189 | fill: var(--toolbar-field-color) !important; 190 | } 191 | 192 | #urlbar-input::placeholder, 193 | .searchbar-textbox::placeholder { 194 | opacity: 0.6 !important; 195 | } 196 | 197 | /* Make the lock icon brighter in dark mode. */ 198 | #nav-bar[brighttext] #identity-box:not([pageproxystate="invalid"]) #identity-icon { 199 | fill-opacity: calc(var(--urlbar-icon-fill-opacity) * 1.8) !important; 200 | } 201 | 202 | /* Make the URL bar label opaque in light mode, matching the icons. */ 203 | #nav-bar:not([brighttext]) #identity-box #identity-icon-label { 204 | opacity: var(--urlbar-icon-fill-opacity) !important; 205 | } 206 | 207 | /* Label on the left of the URL bar, shown when viewing Firefox or extension pages. */ 208 | #identity-box[pageproxystate="valid"]:is(.notSecureText, .chromeUI, .extensionPage) > .identity-box-button { 209 | position: relative; 210 | width: unset !important; 211 | 212 | /* Spacing between the icon and label. */ 213 | & #identity-icon-label { 214 | padding-inline-start: 8px !important; 215 | } 216 | 217 | /* Separator to the right of the label. */ 218 | &::after { 219 | content: ""; 220 | position: absolute; 221 | height: 16px; 222 | border-right: 1px solid currentColor; 223 | right: 0; 224 | inset-block: 0; 225 | margin-block: auto; 226 | opacity: 0; 227 | } 228 | 229 | /* Fractional scaling adjustments (150%, 175%, etc.) */ 230 | @media (1dppx < resolution < 2dppx) { 231 | &::after { 232 | border-right-width: 1.5px !important; 233 | } 234 | } 235 | 236 | /* Remove background from urlbar box. */ 237 | &:not(:hover, [open]) { 238 | background-color: transparent !important; 239 | 240 | /* Separator opacity */ 241 | &::after { 242 | opacity: 0.375; 243 | } 244 | } 245 | 246 | /* Fade transition for separator. */ 247 | @media not (prefers-reduced-motion) { 248 | &::after { 249 | transition: opacity 0.2s ease; 250 | } 251 | } 252 | } 253 | -------------------------------------------------------------------------------- /chrome/tweaks/hide-tabs-bar.css: -------------------------------------------------------------------------------- 1 | /* Edge-Frfox - tweaks/hide-tabs-bar.css 2 | * https://github.com/bmFtZQ/edge-frfox */ 3 | 4 | /* Only hide the tabs toolbar if one of the following sidebar extensions is 5 | * active: */ 6 | /* Sidebery */ 7 | :root:not([customizing]):has(#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:not([hidden])), 8 | /* Tree Style Tab */ 9 | :root:not([customizing]):has(#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]:not([hidden])), 10 | /* Tab Center Reborn */ 11 | :root:not([customizing]):has(#sidebar-box[sidebarcommand="tabcenter-reborn_ariasuni-sidebar-action"]:not([hidden])) { 12 | /* Height of navbar, used for determining height and position of window controls */ 13 | --uc-navbar-height: 38px; 14 | /* Drag space next to the window controls, allows you to move the window more easily */ 15 | --uc-titlebar-drag-space: 40px; 16 | 17 | /* Hide the tabs */ 18 | & #TabsToolbar { 19 | visibility: collapse !important; 20 | } 21 | 22 | /* Fix issue with missing window controls. */ 23 | &[tabsintitlebar] #titlebar { 24 | will-change: auto !important; 25 | } 26 | 27 | /* Add some padding to the top of the navbar */ 28 | &[tabsintitlebar] #nav-bar { 29 | padding-top: var(--uc-tab-top-margin, 0) !important; 30 | } 31 | 32 | /* Set background colour of the menu bar to maintain consistency with the navbar */ 33 | @media not (-moz-bool-pref: "uc.tweak.floating-tabs") { 34 | #toolbar-menubar { 35 | background-color: var(--toolbar-bgcolor) !important; 36 | color: var(--toolbar-color) !important; 37 | } 38 | } 39 | 40 | /* Make sure window controls are removed in full screen mode. */ 41 | &[inDOMFullscreen] #TabsToolbar .titlebar-buttonbox, 42 | &[inFullscreen] #navigator-toolbox[style*="margin-top"] #TabsToolbar .titlebar-buttonbox { 43 | visibility: collapse !important; 44 | } 45 | 46 | /* macOS specific positioning */ 47 | @media (-moz-platform: macos) { 48 | /* Offset navbar contents to make space for the window controls */ 49 | &[tabsintitlebar] #nav-bar:not([inFullscreen]) { 50 | padding-left: calc(70px + var(--uc-titlebar-drag-space)) !important; 51 | 52 | /* Remove the padding from the side of the navbar */ 53 | & #nav-bar-customization-target > :is(toolbarbutton, toolbaritem):first-child { 54 | padding-inline-start: 0 !important; 55 | } 56 | } 57 | 58 | /* Positioning of the window controls */ 59 | #TabsToolbar .titlebar-buttonbox-container { 60 | visibility: visible !important; 61 | position: fixed !important; 62 | height: calc(var(--uc-navbar-height) + var(--uc-tab-top-margin, 0px)); 63 | margin: 0 !important; 64 | top: 0; 65 | left: 0; 66 | 67 | & .titlebar-buttonbox { 68 | margin-inline: calc((var(--uc-navbar-height) + var(--uc-tab-top-margin, 0px) - 14px) / 2) !important; 69 | } 70 | } 71 | } 72 | 73 | /* Windows specific positioning */ 74 | @media (-moz-platform: windows) { 75 | /* Offset navbar contents to make space for the window controls */ 76 | &:where([inFullscreen], [tabsintitlebar]) #nav-bar { 77 | padding-inline-end: calc(140px + var(--uc-titlebar-drag-space)) !important; 78 | 79 | /* Remove the padding from the side of the navbar */ 80 | & #PanelUI-menu-button { 81 | padding-inline-end: 0 !important; 82 | } 83 | } 84 | 85 | /* Positioning of the window controls */ 86 | & :where(#toolbar-menubar[inactive]) + #TabsToolbar .titlebar-buttonbox { 87 | visibility: visible !important; 88 | position: fixed !important; 89 | top: 0; 90 | inset-inline-end: 0; 91 | height: calc(var(--uc-navbar-height) + var(--uc-tab-top-margin, 0)) !important; 92 | z-index: 100 !important; 93 | color: var(--toolbar-color) !important; 94 | } 95 | 96 | } 97 | 98 | /* Linux/GTK specific positioning, only needed if there is at least one window 99 | * control button. */ 100 | @media (-moz-gtk-csd-minimize-button), 101 | (-moz-gtk-csd-maximize-button), 102 | (-moz-gtk-csd-close-button) { 103 | /* Width of single window control button. */ 104 | --uc-window-control-btn: 34px; 105 | 106 | /* Navbar space reserved for one button. */ 107 | --uc-window-controls-width: var(--uc-window-control-btn); 108 | 109 | /* Navbar space reserved for two buttons. */ 110 | @media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button), 111 | (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button), 112 | (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { 113 | --uc-window-controls-width: calc(var(--uc-window-control-btn) * 2); 114 | } 115 | 116 | /* Navbar space reserved for three buttons. */ 117 | @media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { 118 | --uc-window-controls-width: calc(var(--uc-window-control-btn) * 3); 119 | } 120 | 121 | /* Offset navbar contents to make space for the window controls */ 122 | &:where([inFullscreen], [tabsintitlebar]) #nav-bar { 123 | /* Window controls on the right. */ 124 | @media not (-moz-gtk-csd-reversed-placement) { 125 | padding-inline-end: calc(var(--uc-window-controls-width, 0px) + var(--uc-titlebar-drag-space)) !important; 126 | 127 | /* Remove the padding from the side of the navbar */ 128 | & #PanelUI-menu-button { 129 | padding-inline-end: 0 !important; 130 | } 131 | } 132 | 133 | /* Window controls on the left. */ 134 | @media (-moz-gtk-csd-reversed-placement) { 135 | padding-inline-start: calc(var(--uc-window-controls-width, 0px) + var(--uc-titlebar-drag-space)) !important; 136 | 137 | /* Remove the padding from the side of the navbar */ 138 | & #nav-bar-customization-target > :is(toolbarbutton, toolbaritem):first-child { 139 | padding-inline-start: 0 !important; 140 | } 141 | } 142 | } 143 | 144 | /* Positioning of the window controls */ 145 | & :where(#toolbar-menubar[inactive]) + #TabsToolbar .titlebar-buttonbox { 146 | visibility: visible !important; 147 | position: fixed !important; 148 | top: 0; 149 | height: calc(var(--uc-navbar-height) + var(--uc-tab-top-margin, 0)) !important; 150 | z-index: 100 !important; 151 | inset-inline: auto 0; 152 | 153 | @media (-moz-gtk-csd-reversed-placement) { 154 | inset-inline: 0 auto !important; 155 | } 156 | } 157 | } 158 | 159 | /* Sidebar tweaks */ 160 | --sidebar-background-color: var(--toolbar-bgcolor) !important; 161 | --sidebar-text-color: var(--toolbar-color) !important; 162 | --sidebar-border-color: var(--chrome-content-separator-color) !important; 163 | 164 | /* Floating tabs tweak uses the tab toolbar background instead. */ 165 | @media (-moz-bool-pref: "uc.tweak.floating-tabs") { 166 | --sidebar-background-color: var(--lwt-accent-color) !important; 167 | --sidebar-text-color: var(--lwt-text-color) !important; 168 | 169 | &:-moz-window-inactive { 170 | --sidebar-background-color: var(--lwt-accent-color-inactive) !important; 171 | --sidebar-text-color: var(--lwt-text-color-inactive) !important; 172 | } 173 | } 174 | 175 | /* Use :where() to lower specificity. */ 176 | :where(&) #sidebar-box { 177 | position: relative; 178 | border-radius: 0 !important; 179 | box-shadow: none !important; 180 | 181 | & #sidebar-header { 182 | border-bottom: 0 !important; 183 | padding: 10px 4px 0 !important; 184 | overflow: hidden; 185 | position: relative; 186 | 187 | & #sidebar-switcher-target, 188 | & #sidebar-close { 189 | width: auto !important; 190 | height: 28px !important; 191 | padding: 0 8px !important; 192 | border: none !important; 193 | margin-inline: 0 !important; 194 | } 195 | 196 | & #sidebar-spacer { 197 | min-width: 8px !important; 198 | } 199 | } 200 | 201 | /* Sidebar positioned on the left. */ 202 | &:not([positionend]) { 203 | border-inline-end: 1px solid var(--sidebar-border-color); 204 | /* Use less padding on the side with the border. */ 205 | padding-inline: 4px 3px; 206 | } 207 | 208 | /* Sidebar positioned on the right. */ 209 | &[positionend] { 210 | border-inline-start: 1px solid var(--sidebar-border-color); 211 | /* Use less padding on the side with the border. */ 212 | padding-inline: 3px 4px; 213 | } 214 | 215 | /* Rounded corners tweak optimisations. */ 216 | @media (-moz-bool-pref: "uc.tweak.rounded-corners") { 217 | /* Remove padding and border from sidebar. */ 218 | &:not([positionend]), 219 | &[positionend] { 220 | border-inline: none; 221 | padding-inline: 0; 222 | } 223 | 224 | &:not([positionend]) { 225 | padding-inline-end: 3px; 226 | } 227 | 228 | &[positionend] { 229 | padding-inline-start: 3px; 230 | } 231 | 232 | & #sidebar-header { 233 | padding-top: 4px !important; 234 | } 235 | } 236 | } 237 | } 238 | -------------------------------------------------------------------------------- /chrome/EdgyArc-fr/urlbar-tweaks.css: -------------------------------------------------------------------------------- 1 | /*urlbar stuff*/ 2 | @media (-moz-bool-pref:"af.edgyarc.centered-url") { 3 | #urlbar:not([breakout][breakout-extend]) { 4 | #urlbar-input { 5 | text-align:center !important; 6 | } 7 | 8 | } 9 | } 10 | 11 | #urlbar:not([breakout][breakout-extend]) { 12 | #urlbar-background { 13 | background-color:color-mix(in srgb, light-dark(#fff, var(--lwt-accent-color)) 70%, light-dark(rgba(255,255,255,0.5),rgba(35,35,35,0.5))) !important; 14 | @media not (-moz-bool-pref:"af.edgyarc.edge-sidebar") { 15 | background-color:color-mix(in srgb, light-dark(#fff, var(--lwt-accent-color)) 50%, light-dark(rgba(255,255,255,0.5),rgba(10,10,10,0.8))) !important; 16 | } 17 | @media (-moz-bool-pref:"af.edgyarc.macos-translucent") { 18 | background-color: light-dark(rgba(255,255,255,0.7), rgba(,0,0,0.24)) !important; 19 | } 20 | } 21 | } 22 | 23 | 24 | /*----urlbar buttons height fix------*/ 25 | /* Site information and Permissions buttons. */ 26 | #identity-icon-box, 27 | #identity-permission-box, 28 | .notification-anchor-icon, 29 | #tracking-protection-icon-container { 30 | max-height: 24px !important; 31 | height: 24px !important; 32 | margin-top: 2px !important; 33 | margin-left: -2px; 34 | } 35 | 36 | /*page actions*/ 37 | .urlbar-page-action { 38 | height: 24px !important; 39 | max-height: 24px !important; 40 | margin-top: -1px !important; 41 | 42 | & .urlbar-icon { 43 | height: 15px !important; 44 | width: 15px !important; 45 | padding: 0px !important; 46 | margin: -2px 0 0 0 !important; 47 | 48 | } 49 | } 50 | 51 | /* Zoom level and tab container indicators. */ 52 | #userContext-icons, 53 | #urlbar-zoom-button { 54 | --uc-urlbar-icon-inline-padding: 8px !important; 55 | max-height: 20px !important; 56 | height: 20px !important; 57 | padding: 8px !important; 58 | margin-inline: 3px !important; 59 | padding: 4px 4px 4px 6px !important; 60 | margin-inline: 3px !important; 61 | font-size: .8em; 62 | border-radius: var(--urlbar-icon-border-radius); 63 | background-color: var(--urlbar-box-bgcolor); 64 | margin-block: calc((var(--urlbar-min-height) - 20px) / 2 - 1px 65 | /* border */ 66 | - var(--urlbar-container-padding)); 67 | } 68 | 69 | #urlbar-zoom-button { 70 | order: 98; 71 | } 72 | 73 | #userContext-icons { 74 | order: 99; 75 | 76 | & #userContext-indicator { 77 | transform: scale(0.75) !important; 78 | } 79 | } 80 | 81 | #identity-box, 82 | #tracking-protection-icon-container, 83 | #page-action-buttons { 84 | opacity: 0.8 !important; 85 | transition: opacity 300ms ease-in-out; 86 | } 87 | 88 | 89 | #urlbar[breakout][breakout-extend] { 90 | z-index: 600 !important; 91 | 92 | #urlbar-background { 93 | opacity: 1 !important; 94 | margin-top: 4px !important; 95 | } 96 | } 97 | 98 | .urlbar-input-box { 99 | margin-top: -2px !important; 100 | } 101 | 102 | 103 | /*customise urlbar background*/ 104 | #urlbar-background, 105 | #searchbar { 106 | border: var(--af-content-border) !important; 107 | opacity: 0.8 !important; 108 | min-height: 28px !important; 109 | padding-top: 4px; 110 | } 111 | 112 | #urlbar[breakout][breakout-extend] #urlbar-background { 113 | opacity: 1 !important; 114 | /*todo - add blurring behind expanded urlbar-background - idfk how to*/ 115 | } 116 | 117 | #urlbar { 118 | &[breakout][breakout-extend] { 119 | #urlbar-background { 120 | opacity: 1 !important; 121 | margin-top: -1px !important; 122 | border-radius: 4px !important; 123 | border-top: none !important; 124 | height: 100% !important; 125 | 126 | &::before { 127 | opacity: 0 !important; 128 | } 129 | } 130 | } 131 | } 132 | 133 | .urlbar-input-box { 134 | margin-top: -2px !important; 135 | } 136 | 137 | 138 | 139 | /*minimal navbar mod*/ 140 | 141 | @media (-moz-bool-pref:"af.edgyarc.minimal-navbar") { 142 | :root[windowtype="navigator:browser"]:not([customizing]) #nav-bar.browser-toolbar{ 143 | @media (-moz-bool-pref:"af.edgyarc.thin-navbar"){ 144 | &:hover { 145 | #urlbar:not([breakout-extend][focused]) { 146 | #urlbar-background { 147 | border-radius:0 !important; 148 | background-color:light-dark(rgba(255,255,255,0.5),rgba(0,0,0,0.12)) !important; 149 | 150 | &::before { 151 | opacity:0 !important; 152 | } 153 | 154 | } 155 | 156 | #urlbar-input { 157 | cursor: default !important; 158 | } 159 | } 160 | 161 | }} 162 | &:not(:hover) 163 | { 164 | #identity-icon-box, 165 | #identity-permission-box, 166 | .notification-anchor-icon, 167 | #tracking-protection-icon-container, 168 | #urlbar-background::before, 169 | #star-button, 170 | #page-action-buttons, 171 | #fxa-toolbar-menu-button, 172 | .webextension-browser-action, 173 | #stop-reload-button, 174 | #downloads-button, 175 | #urlbar:not([breakout-extend][focused]) #urlbar-background, 176 | .toolbarbutton-icon 177 | {opacity:0 !important; 178 | width:0.1px !important; 179 | transition: opacity 0ms linear, width 0ms 0ms linear !important; 180 | } 181 | @media (-moz-bool-pref:"af.edgyarc.macos-translucent") { 182 | #urlbar-input { 183 | opacity:0.7 !important; 184 | }} 185 | } } 186 | } 187 | 188 | @media (-moz-bool-pref:"af.edgyarc.thin-navbar") { 189 | 190 | /*Thin Navbar mod*/ 191 | 192 | :root[windowtype="navigator:browser"] { 193 | 194 | #nav-bar { 195 | font-size: 1em !important; 196 | --toolbarbutton-border-radius: 4px !important; 197 | --toolbarbutton-inner-padding: 4px !important; 198 | --uc-toolbarbutton-inner-inline-padding: 8px !important; 199 | --toolbarbutton-outer-padding: 2px; 200 | 201 | height: 30px !important; 202 | max-height: 30px !important; 203 | 204 | } 205 | 206 | #identity-box > .identity-box-button { 207 | &::after { 208 | content: ""; 209 | position: absolute; 210 | height: 16px; 211 | border-right: 1px solid rgba(100,100,100,0.6); 212 | right: 0; 213 | inset-block: 0; 214 | margin-block: auto; 215 | opacity: 0; 216 | } 217 | } 218 | 219 | #urlbar { 220 | --urlbar-toolbar-height: 28px !important; 221 | --urlbar-height: 30px !important; 222 | --urlbar-min-height: 25px !important; 223 | 224 | margin-top: -2px !important; 225 | 226 | #identity-box { 227 | padding-top: 0 !important; 228 | margin-top: -1px !important; 229 | #identity-icon-label { 230 | margin-top:0px !important; 231 | font-size: 0.9em !important;} 232 | } 233 | 234 | #tracking-protection-icon-container { 235 | margin-top: 1px !important; 236 | } 237 | } 238 | 239 | #urlbar { 240 | &[breakout-extend][focused] { 241 | #urlbar-background { 242 | margin-top:2px !important; 243 | } 244 | } 245 | &:not([breakout-extend][focused]) { 246 | #urlbar-background { 247 | background-color: transparent !important; 248 | opacity: 1 !important; 249 | border: 0!important; 250 | border-radius: 8px !important; 251 | box-shadow: none !important; 252 | margin: 0px !important; 253 | top: 0px !important; 254 | 255 | &::before { 256 | opacity: 1; 257 | content: ""; 258 | position: absolute; 259 | border-left: 1px solid rgba(160, 160, 160, 0.3) !important; 260 | border-right: 1px solid rgba(160, 160, 160, 0.3) !important; 261 | height: 18px !important; 262 | width: 100% !important; 263 | margin: 0 !important; 264 | top: 6px !important; 265 | bottom: 3px !important; 266 | } 267 | } 268 | } 269 | 270 | } 271 | 272 | 273 | .urlbar-input-box { 274 | margin-top: -2px !important; 275 | } 276 | 277 | 278 | /* macOS specific positioning */ 279 | @media (-moz-platform: macos) { 280 | .titlebar-buttonbox-container .titlebar-buttonbox { 281 | top: -7px !important; 282 | } 283 | } 284 | 285 | 286 | /*Windows specific positioning*/ 287 | 288 | @media (-moz-platform: windows) { 289 | .titlebar-buttonbox-container { 290 | z-index: 999 !important; 291 | } 292 | 293 | .titlebar-button.titlebar-restore, 294 | .titlebar-button.titlebar-close, 295 | .titlebar-button.titlebar-min, 296 | .titlebar-button.titlebar-max, 297 | .titlebar-button.titlebar-button, 298 | .titlebar-button { 299 | padding: 0 15px !important; 300 | height: 24px !important; 301 | border-radius: 6px !important; 302 | margin: 3px 4px !important; 303 | } 304 | } 305 | } 306 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # EdgyArc-fr 2 | 3 | Because Arc and Edge look pretty af but FOSS FTW 4 | 5 | ![Screen Shot 2024-05-04 at 11 44 39 PM](https://github.com/artsyfriedchicken/EdgyArc-fr/assets/100123017/6f0879fa-f08b-4e36-91dd-29e321f81193) 6 | 7 | ## Prerequisites 8 | 9 | **The following is only valid from v1.0.0.b.10 onwards!** 10 | 11 | - [Sidebery](https://addons.mozilla.org/firefox/addon/sidebery/) 12 | - [UserChrome Toggle](https://addons.mozilla.org/firefox/addon/userchrome-toggle/) 13 | - Optional Addons: 14 | - [Adaptive Tab Bar Color](https://addons.mozilla.org/en-GB/firefox/addon/adaptive-tab-bar-colour/) 15 | `[OR]` 16 | - [Firefox Color](https://addons.mozilla.org/en-US/firefox/addon/firefox-color/) 17 | 18 | 19 | ## Features 20 | - Based on [Edge-frfox](https://github.com/bmFtZQ/edge-frfox) 21 | - Sidebar Modifications 22 | - Auto-collapse sidebar into just icons 23 | - Auto-hide sidebar 24 | - Toggle sidebar show/collapse *(using [UserChrome Toggle](https://addons.mozilla.org/firefox/addon/userchrome-toggle/))* 25 | - `macOS only` Translucent windows 26 | - Custom Sidebery theme 27 | - Auto-hide native top tabs when Sidebery or TST is active 28 | 29 | 30 | ## Usage 31 | ### Step 1 - Prerequisites 32 | 33 |
34 | 🔵 Install recommended addons 35 | 36 | 37 | - [Sidebery](https://addons.mozilla.org/firefox/addon/sidebery/) 38 | - [UserChrome Toggle](https://addons.mozilla.org/firefox/addon/userchrome-toggle/) `Required for sidebar autohide` 39 | - [Adaptive Tab Bar Colour](https://addons.mozilla.org/en-GB/firefox/addon/adaptive-tab-bar-colour/) 40 | 41 |
42 | 43 |
44 | 🔵 Install and Configure Base theme 45 | 46 | - Clone or download the repository to your local machine. 47 | - Copy the contents of the `chrome` folder into your Firefox profile's `chrome` folder. 48 | - Enable/Add the following settings in `about:config` to enable some base features 49 | 50 | **Make sure to initialise all of these as Booleans** 51 | 52 | `uc.tweak.hide-tabs-bar` to `true` 53 | 54 | `uc.tweak.hide-forward-button` to `true` 55 | 56 | `uc.tweak.rounded-corners` to `true` 57 | 58 | `uc.tweak.floating-tabs` to `true` 59 | 60 | - Please make sure you also have the following perquisites set to `true` 61 | 62 | `toolkit.legacyUserProfileCustomizations.stylesheets` 63 | 64 | `svg.context-properties.content.enabled` 65 | 66 | `layout.css.color-mix.enabled` 67 | 68 | `layout.css.light-dark.enabled` 69 | 70 | `layout.css.has-selector.enabled` 71 | 72 | `widget.macos.titlebar-blend-mode.behind-window` [Required for translucent macos in FF126+] 73 | 74 | 75 |
76 | 77 | ### Step 2 Configure EdgyArc 78 | 79 | Before you start using the theme as-is, you might want to have a look at all the style variants built into EdgyArc-fr 80 | 81 | 82 | | Feature Description | Screenshot | 83 | |--|--| 84 | | **Translucent Effects** `macos Only`
`af.edgyarc.macos-translucent` |