├── .github └── ISSUE_TEMPLATE │ ├── bug_report.yml │ ├── feature_request.yml │ └── feedback.md ├── LICENSE ├── README.md ├── chrome ├── WhiteSur │ ├── colors │ │ ├── dark.css │ │ └── light.css │ ├── custom │ │ └── .gitignore │ ├── drag-window-headerbar-buttons.css │ ├── hide-single-tab.css │ ├── hide-window-buttons.css │ ├── icons │ │ ├── application-x-addon-symbolic.svg │ │ ├── applications-engineering-symbolic.svg │ │ ├── bookmarks-symbolic.svg │ │ ├── checkbox-checked-symbolic.svg │ │ ├── checkbox-symbolic.svg │ │ ├── edit-copy-symbolic.svg │ │ ├── edit-cut-symbolic.svg │ │ ├── edit-find-symbolic.svg │ │ ├── edit-paste-symbolic.svg │ │ ├── folder-download-symbolic.svg │ │ ├── folder-locked-symbolic.svg │ │ ├── folder-symbolic.svg │ │ ├── go-next-symbolic.svg │ │ ├── go-previous-symbolic.svg │ │ ├── mail-unread-symbolic.svg │ │ ├── open-menu-symbolic.svg │ │ ├── page-action.svg │ │ ├── page-symbolic.svg │ │ ├── pan-down-symbolic-light.svg │ │ ├── pan-down-symbolic.svg │ │ ├── pan-end-symbolic-light.svg │ │ ├── pan-end-symbolic.svg │ │ ├── pan-start-symbolic.svg │ │ ├── pan-up-symbolic.svg │ │ ├── permissions-granted.svg │ │ ├── preferences-system-symbolic.svg │ │ ├── preferences-system-time-symbolic-light.svg │ │ ├── preferences-system-time-symbolic.svg │ │ ├── printer-symbolic.svg │ │ ├── process-stop-symbolic.svg │ │ ├── radio-checked-symbolic.svg │ │ ├── radio-symbolic.svg │ │ ├── reader-mode.svg │ │ ├── save-to-pocket-light.svg │ │ ├── save-to-pocket.svg │ │ ├── security-broken-symbolic.svg │ │ ├── security-warning-symbolic.svg │ │ ├── star-symbolic.svg │ │ ├── starred-symbolic.svg │ │ ├── tab-new-symbolic.svg │ │ ├── toggle-right-sidebar-symbolic.svg │ │ ├── toggle-sidebar-symbolic.svg │ │ ├── tracking-protection-animatable.svg │ │ ├── tracking-protection.svg │ │ ├── user-home-symbolic.svg │ │ ├── user-not-tracked-dark.svg │ │ ├── user-not-tracked.svg │ │ ├── view-fullscreen-symbolic.svg │ │ ├── view-more-horizontal-symbolic.svg │ │ ├── view-refresh-symbolic.svg │ │ ├── view-restore-symbolic.svg │ │ ├── window-close-symbolic-light.svg │ │ ├── window-close-symbolic.svg │ │ ├── window-maximize-symbolic.svg │ │ ├── window-minimize-symbolic.svg │ │ ├── window-new-symbolic.svg │ │ ├── zoom-in-symbolic.svg │ │ └── zoom-out-symbolic.svg │ ├── matching-autocomplete-width.css │ ├── parts │ │ ├── buttons-fixes.css │ │ ├── buttons.css │ │ ├── csd.css │ │ ├── custom-icons.css │ │ ├── entries.css │ │ ├── findbar.css │ │ ├── headerbar-private-urlbar.css │ │ ├── headerbar-urlbar.css │ │ ├── headerbar.css │ │ ├── icons.css │ │ ├── popups-contents.css │ │ ├── popups.css │ │ ├── remove-white-flash.css │ │ ├── scrollbars.css │ │ ├── scrollbars.js │ │ ├── scrollbars.xml │ │ ├── tabsbar.css │ │ ├── titlebutton-dark.css │ │ ├── titlebutton-light.css │ │ ├── toolbox.css │ │ └── windows.css │ ├── rounded-title-buttons.css │ ├── symbolic-tab-icons.css │ ├── system-icons.css │ ├── theme.css │ └── titlebuttons │ │ ├── titlebutton-backdrop-dark.svg │ │ ├── titlebutton-backdrop.svg │ │ ├── titlebutton-close-active-dark.svg │ │ ├── titlebutton-close-active.svg │ │ ├── titlebutton-close-backdrop-dark.svg │ │ ├── titlebutton-close-backdrop.svg │ │ ├── titlebutton-close-dark.svg │ │ ├── titlebutton-close-hover-dark.svg │ │ ├── titlebutton-close-hover-inactive-dark.svg │ │ ├── titlebutton-close-hover-inactive.svg │ │ ├── titlebutton-close-hover.svg │ │ ├── titlebutton-close.svg │ │ ├── titlebutton-maximize-active-dark.svg │ │ ├── titlebutton-maximize-active.svg │ │ ├── titlebutton-maximize-backdrop-dark.svg │ │ ├── titlebutton-maximize-backdrop.svg │ │ ├── titlebutton-maximize-dark.svg │ │ ├── titlebutton-maximize-hover-dark.svg │ │ ├── titlebutton-maximize-hover-inactive-dark.svg │ │ ├── titlebutton-maximize-hover-inactive.svg │ │ ├── titlebutton-maximize-hover.svg │ │ ├── titlebutton-maximize.svg │ │ ├── titlebutton-minimize-active-dark.svg │ │ ├── titlebutton-minimize-active.svg │ │ ├── titlebutton-minimize-backdrop-dark.svg │ │ ├── titlebutton-minimize-backdrop.svg │ │ ├── titlebutton-minimize-dark.svg │ │ ├── titlebutton-minimize-hover-dark.svg │ │ ├── titlebutton-minimize-hover-inactive-dark.svg │ │ ├── titlebutton-minimize-hover-inactive.svg │ │ ├── titlebutton-minimize-hover.svg │ │ ├── titlebutton-minimize.svg │ │ ├── titlebutton-unmaximize-active-dark.svg │ │ ├── titlebutton-unmaximize-active.svg │ │ ├── titlebutton-unmaximize-backdrop-dark.svg │ │ ├── titlebutton-unmaximize-backdrop.svg │ │ ├── titlebutton-unmaximize-hover-dark.svg │ │ ├── titlebutton-unmaximize-hover-inactive-dark.svg │ │ ├── titlebutton-unmaximize-hover-inactive.svg │ │ └── titlebutton-unmaximize-hover.svg ├── userChrome.css └── userContent.css ├── configuration └── user.js ├── custom ├── compact-tabs.css ├── enabletabview.css ├── hideextension.css ├── noidentity.css ├── singletabhidden.css ├── standard-urlbar.css ├── tabs-swapclose.css └── windows-swapclose.css ├── githubpreview ├── preview.png ├── safarifirefox.png ├── whitesur.gif └── whitesurwindows.gif ├── install.sh ├── lib-core.sh └── lib-install.sh /.github/ISSUE_TEMPLATE/bug_report.yml: -------------------------------------------------------------------------------- 1 | --- 2 | name: Bug report 🐛 3 | description: Create a report to help us improve 4 | title: "[BUG] " 5 | labels: bug 6 | assignees: 7 | - adamxweb 8 | 9 | body: 10 | - type: textarea 11 | id: repro 12 | attributes: 13 | label: Describe the problem 14 | description: Please describe exactly what is not working, include the steps to reproduce, actual result and expected result 15 | validations: 16 | required: true 17 | - type: input 18 | id: version 19 | attributes: 20 | label: Version 21 | description: What version of WhiteSur theme are you running? 22 | placeholder: 1.4.4 ← should look like this (or commit ID) 23 | validations: 24 | required: true 25 | - type: input 26 | id: operatingsystem 27 | attributes: 28 | label: OS 29 | description: What OS are you using? 30 | placeholder: MacOS 12.4, Windows 11 etc. 31 | validations: 32 | required: true 33 | - type: input 34 | id: firefoxversion 35 | attributes: 36 | label: Firefox Version 37 | description: What version of Firefox are you using? 38 | placeholder: e.g. 101.0.1 | You can type `about:support` to get verison 39 | validations: 40 | required: true 41 | - type: input 42 | id: environment 43 | attributes: 44 | label: Install Options 45 | description: What options did you use with the install? 46 | placeholder: -c, -l, -r or none 47 | validations: 48 | required: true 49 | - type: input 50 | id: colours 51 | attributes: 52 | label: Colour Theme 53 | description: Have you included any colour themes as an install option? 54 | placeholder: e.g. Dracula, catppuccin, material theme. 55 | validations: 56 | required: true 57 | 58 | - type: textarea 59 | id: logs 60 | attributes: 61 | label: Additional info 62 | description: Do you have Screenshots? Please include them here with extra information! 63 | placeholder: If the issue relates to installation include path you are copying to. For visual issues, please try to include screenshots of the issue and if possible what it should be. Take care to blank out any personal info. 64 | validations: 65 | required: false 66 | - type: checkboxes 67 | id: idiot-check 68 | attributes: 69 | label: Please tick the boxes 70 | description: Before submitting, please ensure that 71 | options: 72 | - label: You are using a [current](https://github.com/AdamXweb/WhiteSurFirefoxThemeMacOS/releases/) version of the theme. (check the date associated with the version) 73 | required: true 74 | - label: You've checked that this [issue hasn't already been raised](https://github.com/adamxweb/WhiteSurFirefoxThemeMacOS/issues?q=is%3Aissue) 75 | required: true 76 | 77 | - type: markdown 78 | attributes: 79 | value: |- 80 | ## Thanks 🙏 81 | Sorry you are having issues with the WhiteSur theme, and thank you for raising this ticket - in doing so you are helping to make the theme better for everyone 💪 82 | You should expect a reply within the next 48 hours :) 83 | ⭐️ If you are not a bot, please star the repo before submitting your ticket. 84 | validations: 85 | required: false 86 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature_request.yml: -------------------------------------------------------------------------------- 1 | --- 2 | name: Feature Request ✨ 3 | description: Suggest an idea for future development of our theme 4 | title: '[FEAT] <title>' 5 | labels: ['🦄 Feature Request'] 6 | 7 | body: 8 | 9 | # Field 1 - Is it bug-related 10 | - type: textarea 11 | id: issue 12 | attributes: 13 | label: Is your feature request related to a problem? If so, please describe. 14 | description: 15 | placeholder: A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] 16 | validations: 17 | required: false 18 | 19 | # Field 2 - Describe feature 20 | - type: textarea 21 | id: solution 22 | attributes: 23 | label: Describe the solution you'd like 24 | placeholder: An outline of how you would like this to be implemented, include as much details as possible 25 | validations: 26 | required: true 27 | 28 | # Field 3 - Priority 29 | - type: dropdown 30 | id: priority 31 | attributes: 32 | label: Priority 33 | description: How urgent is the development of this feature 34 | options: 35 | - Low (Nice-to-have) 36 | - Medium (Would be very useful) 37 | - High (The app does not function without it) 38 | validations: 39 | required: true 40 | 41 | # Field 3 - Can the user implement 42 | - type: dropdown 43 | id: canImplement 44 | attributes: 45 | label: Is this something you would be keen to implement 46 | description: Are you raising this ticket in order to get an issue number for your PR? 47 | options: 48 | - 'No' 49 | - 'Maybe' 50 | - 'Yes!' 51 | validations: 52 | required: false 53 | 54 | # Final text 55 | - type: markdown 56 | attributes: 57 | value: |- 58 | ## Thanks 🙏 59 | Thank you for your feature suggestion, you should expect a reply within 48 hours :) 60 | Please note that there is no guarantee that your idea will be implemented 61 | If you haven't already done so, please Star the WhiteSurFirefoxThemeMacOS's repository on GitHub, to help other users discover it 62 | validations: 63 | required: false 64 | --- 65 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feedback.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: "Share Feedback \U0001F308" 3 | about: Share what you think about our theme, and any ideas or suggestions you have 4 | title: "[FEEDBACK]" 5 | labels: "\U0001F308 Feedback" 6 | assignees: '' 7 | 8 | --- 9 | 10 | 11 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 AdamXweb 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## Firefox WhiteSur theme 2 | <p align="center"> 3 | <img width="120" src="https://github.com/AdamXweb/WhiteSurFirefoxThemeMacOS/raw/master/githubpreview/safarifirefox.png?raw=true"> 4 | <br> 5 | A <code>MacOS</code> & <code>Windows</code> Firefox theme to look more like Big Sur Safari. (For Firefox 70+)</p> 6 | 7 | ![Preview](githubpreview/whitesur.gif?raw=true) 8 | 9 | ## Description 10 | 11 | Aim is to make Firefox look more like MacOS Big Sur Safari.\ 12 | This is a CSS theme adapted to work on MacOS from the Linux GTK theme.\ 13 | Based on https://github.com/vinceliuice/WhiteSur-gtk-theme/tree/master/src/other/firefox \ 14 | (This is a quick modification, and is not written from scratch.) 15 | 16 | ## Installation (MacOS) 17 | 18 | Download the [latest release](https://github.com/AdamXweb/WhiteSurFirefoxThemeMacOS/releases/), or clone the repo above.\ 19 | A script has been added to streamline the installation process.\ 20 | Open terminal in the directory of the repo, and run `bash install.sh`\ 21 | Follow the prompts 22 | 23 | ### Installation flags 24 | 25 | The script supports the following flags 26 | - `-c` Left hand side tab close button 27 | - `-w` Left hand side window close button 28 | - `-p` Makes tabs height compact like current Safari 29 | - `-f` To specify the default firefox folder (it will try to find the profile folder to place the theme within) 30 | - `-l` Default location of most Linux installations 31 | - `-u` Remove the animation on URL bar to be clickable throughout 32 | - `-n` Removes the identity colour from tabs 33 | - `-v` Re-enables the tabview button 34 | - `-e` Hides the extension button 35 | - `-s` Single tab view (Tabs hidden when only one tab) 36 | - `-r` Remove the theme 37 | 38 | e.g. To install with script, with the tab close button left hand side: `bash install.sh -c` 39 | 40 | #### Optimal experience: 41 | Make sure to right click and Customize Toolbar. From here, drag the new tab button up to the toolbar out of the tab section. 42 | 43 | Install with the following modifications for Safari-like experience 44 | ` bash ./install.sh -c -n -s -e -p` 45 | 46 | This will give you a look like this: 47 | ![Preview](https://private-user-images.githubusercontent.com/6800453/391326706-1bb5ffe4-3320-4a8a-8702-648ce3b9f23c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzMwNTE0OTcsIm5iZiI6MTczMzA1MTE5NywicGF0aCI6Ii82ODAwNDUzLzM5MTMyNjcwNi0xYmI1ZmZlNC0zMzIwLTRhOGEtODcwMi02NDhjZTNiOWYyM2MucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MTIwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDEyMDFUMTEwNjM3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MTZjMzgyM2Y0NzMzZmY2NjE5ZmU4MDhiYzc2OGQyYzcwZjE2NWIwNzhmNmM2ZmQ1MTMyZWFhYWI1YzRkNWI0MyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.4pM0PJgYSjpWUnJRiIYVphkyIMKA1wnGDALqaIHXgk8) 48 | 49 | ### Manual installation (MacOS & Windows) 50 | 51 | Copy `chrome` and `configuration` folders into your Firefox Profile Directory 52 | 53 | To find your Firefox Profile Directory you can: 54 | 55 | 1. Go to `about:support` in Firefox. 56 | 2. Application Basics > Profile Directory > Open Directory. 57 | 3. Copy folders mentioned above into the profile folder. (usually has `-release` at the end). 58 | 4. If you are using Firefox 69+: 59 | 1. Go to `about:config` in Firefox. 60 | 2. Search for `toolkit.legacyUserProfileCustomizations.stylesheets` and set it to `true`. 61 | 5. Restart Firefox. 62 | 6. Done! 63 | 64 | #### Manual theme overrides: 65 | To manually add a custom override, copy the `*.css` from the `custom` folder of whichever option you are after. Place it in the `chrome/WhiteSur/custom` foder within the profile directory you opened above.\ 66 | 67 | That's it, the theme should load your overriden settings 68 | 69 | #### Swap navbar close buttons on Windows: 70 | `windows-swapclose.css` contains the styles required to swap the close buttons, as well as to re-order the close button from MacOS styling to Windows. 71 | Follow the directions above for the manual theme override to activate. 72 | Can be installed with the `-w` command on the install script 73 | #### Swap tab close button side 74 | `tabs-swapclose.css` contains styles to place the close button for the tab on the left hand side for consistency with Safari. Can be installed with the `-c` command on the install script 75 | 76 | ### Manual colour override: 77 | 78 | The theme obeys your system UI colour preferences. If you want to override it e.g. always have the dark theme, then you'll have to do the following.\ 79 | The solution if you don't want to change your System UI colour is to do add the following to your `about:config`\ 80 | Add: `ui.systemUsesDarkTheme` with the number value with 1 for dark, and 0 for light.\ 81 | ![Screen Shot 2021-05-04 at 7 10 19 pm](https://user-images.githubusercontent.com/6800453/116982626-60317980-ad0c-11eb-96aa-0879b05c98fc.png) 82 | 83 | Please note, you won't be able to change the System UI colour if you are using `privacy.resistFingerprinting`. This apparently is for both web pages and the System UI. 84 | 85 | ## Known bugs 86 | 87 | If it is a fresh install of Firefox, the script for MacOS should enable the settings automatically, however users who have toggled settings may need to do the `about:config` in step 4 above.\ 88 | If for any reason the WhiteSur theme doesn't activate after using the script, follow steps 4.1 and 4.2 to toggle the stylesheets from within the Firefox settings. 89 | 90 | The tab background colour can be overwritten by themes installed through firefox extentions. 91 | e.g. if you are using a dark theme in light mode, tab backgrounds that are inactive are affected. 92 | Fix: Change the installed theme to appropriate colour scheme to avoid issues. 93 | 94 | If you're looking to change the directory to run the script, you can always type `bash` then drag the file into terminal. You can also type `cd` and then drag the folder and press enter to navigate to the directory.\ 95 | Alternatively, if you're running Catalina, the default teminal is zsh, meaning you can change folders by typing the name to enter the folder e.g. `WhiteSurFirefoxThemeMacOS` 96 | 97 | 98 | Q: "Why bother doing this, and not just use safari?" \ 99 | A: I've used safari for quite a few years, and was rather disappointed with the change in extensions, particularly with content blocking. This prompted me to use uBlock origin on Firefox, and to customise it to have the best aesthetics, and simplest transition. 100 | 101 | ### New bugs 102 | 103 | If you've found a new bug, please report it as a new issue with the templates provided. 104 | 105 | Thanks! 106 | 107 | ## Screenshots 108 | 109 | ### Windows 110 | ![Preview](githubpreview/whitesurwindows.gif?raw=true) 111 | 112 | 113 | ### MacOS 114 | ![Preview](githubpreview/whitesur.gif?raw=true) 115 | 116 | -------------------------------------------------------------------------------- /chrome/WhiteSur/colors/dark.css: -------------------------------------------------------------------------------- 1 | @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 2 | 3 | /* Variables that start with --gnome- are added by me and are assigned 4 | * to elements somewhere in this code. The rest of the variables are 5 | * built-in in Firefox, so you need to add an !important if you wanna 6 | * override them. */ 7 | 8 | @media (prefers-color-scheme: dark) { 9 | :root { 10 | /* Browser area before a page starts loading */ 11 | --gnome-browser-before-load-background: #333333; 12 | --theme-primary-color: #315bef !important; 13 | --theme-primary-color-hover: #3863ff; 14 | --theme-alt-color: #fff; 15 | --in-content-link-color:var(--theme-primary-color) !important; 16 | --in-content-link-color-hover:var(--theme-primary-color-hover) !important; 17 | 18 | /* Toolbars */ 19 | --gnome-toolbar-background: #373737; 20 | --gnome-tabstoolbar-background: #1e1e1e; 21 | --gnome-findbar-background: #333333; 22 | --gnome-toolbar-color: #ffffff; 23 | --gnome-toolbar-border-color: #070707; 24 | --gnome-inactive-toolbar-background: #313131; 25 | --gnome-inactive-toolbar-border-color: #121212; 26 | 27 | /* Sidebar */ 28 | --gnome-sidebar-background: #3b3b3b; 29 | --gnome-inactive-sidebar-background: #3f3f3f; 30 | --gnome-sidebar-color: #ffffff; 31 | 32 | /* Popups */ 33 | --gnome-menu-background: rgba(51, 51, 51, 0.95); 34 | --gnome-menu-border-color: #070707; 35 | --gnome-popover-background: rgba(51, 51, 51, 0.95); 36 | --gnome-popover-border-color: #070707; 37 | --gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.06); 38 | --gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1); 39 | --gnome-popover-button-active-background: rgba(255, 255, 255, 0.15); 40 | --gnome-popover-separator-color: rgba(0, 0, 0, 0.1); 41 | 42 | /* Header bar */ 43 | --gnome-headerbar-background: #373737; 44 | --gnome-headerbar-border-color: #070707; 45 | --gnome-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); 46 | --gnome-inactive-headerbar-background: #313131; 47 | --gnome-inactive-headerbar-border-color: #202020; 48 | --gnome-inactive-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08); 49 | 50 | /* Buttons */ 51 | --gnome-button-background: linear-gradient(to top, #636363 0%, #696969 100%); 52 | --gnome-button-border-color: #282828; 53 | --gnome-button-border-accent-color: #282828; 54 | --gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); 55 | --gnome-button-hover-color: rgba(255, 255, 255, 0.1); 56 | --gnome-button-active-color: rgba(255, 255, 255, 0.2); 57 | --gnome-button-hover-background: linear-gradient(to top, #707070 0%, #737373 100%); 58 | --gnome-button-active-background-alt:#707070 !important; 59 | --gnome-button-active-background-alt-border: #737373 !important; 60 | --gnome-button-active-background-alt-hover: #9b9b9b !important; 61 | --gnome-button-active-background: #464646; 62 | --gnome-button-active-border-color: #1b1b1b; 63 | --gnome-button-active-border-accent-color: #1b1b1b; 64 | --gnome-button-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); 65 | --gnome-button-disabled-background: #505050; 66 | --gnome-button-disabled-border-color: #323232; 67 | --gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03); 68 | --gnome-inactive-button-background: linear-gradient(#383838, #383838); 69 | --gnome-inactive-button-border-color: #323232; 70 | --gnome-inactive-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.0); 71 | --gnome-button-suggested-action-background: #15539e; 72 | --gnome-button-suggested-action-border-color: #0f3b71; 73 | --gnome-button-suggested-action-border-accent-color: #092444; 74 | --gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08); 75 | --gnome-button-suggested-action-hover-background: #2073d8; 76 | --gnome-button-suggested-action-active-background: #103e75; 77 | --gnome-button-suggested-action-active-border-color: #0f3b71; 78 | --gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); 79 | --gnome-button-destructive-action-background: linear-gradient(to top, #ae151c 2px, #b2161d); 80 | --gnome-button-destructive-action-border-color: #851015; 81 | --gnome-button-destructive-action-border-accent-color: #570b0e; 82 | --gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); 83 | --gnome-button-destructive-action-hover-background: linear-gradient(to top, #ae151c, #b7161d 1px); 84 | --gnome-button-destructive-action-active-background: #8a1116; 85 | --gnome-button-destructive-action-active-border-color: #851015; 86 | --gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0); 87 | --gnome-button-menulist-color:#fff; 88 | --gnome-headerbar-button-hover-background: rgba(255, 255, 255, 0.1); 89 | --gnome-headerbar-button-active-background: rgba(255, 255, 255, 0.15); 90 | 91 | /* URL bar */ 92 | --gnome-urlbar-background: #464646; 93 | --gnome-urlbar-border-color: rgb(64,64,64); 94 | --gnome-urlbar-box-shadow: inset 0 0 0 1px rgba(21, 83, 158, 0); 95 | --gnome-urlbar-color: #ffffff; 96 | --gnome-hover-urlbar-border-color: #585858; 97 | --gnome-inactive-urlbar-background: #313131; 98 | --gnome-inactive-urlbar-border-color: #282828; 99 | --gnome-inactive-urlbar-box-shadow: none; 100 | --gnome-inactive-urlbar-color: #d6d6d6; 101 | --gnome-focused-urlbar-border-color: #338CBE; 102 | --gnome-focused-urlbar-highlight-color: #006EA0; 103 | --gnome-private-urlbar-background: #25003e; 104 | 105 | /* Tabs */ 106 | --gnome-tabbar-tab-background: #262626; 107 | --gnome-tabbar-tab-color: rgb(141, 144, 145); 108 | --gnome-tabbar-tab-hover-background: #2b2b2b; 109 | --gnome-tabbar-tab-hover-border-bottom-color: #1b1b1b; 110 | --gnome-tabbar-tab-hover-color: rgb(200, 200, 200); 111 | --gnome-tabbar-tab-active-background: #373737; 112 | --gnome-tabbar-tab-active-border-bottom-color: #15539e; 113 | --gnome-tabbar-tab-active-color: #ffffff; 114 | --gnome-tabbar-tab-active-hover-background: #313131; 115 | --gnome-inactive-tabbar-tab-color: rgb(141, 144, 145); 116 | --gnome-inactive-tabbar-tab-active-background: #313131; 117 | --gnome-inactive-tabbar-tab-active-border-bottom-color: #15539e; 118 | --gnome-inactive-tabbar-tab-active-color: rgb(141, 144, 145); 119 | 120 | /* Switch */ 121 | --gnome-switch-background: #282828; 122 | --gnome-switch-border-color: #1b1b1b; 123 | --gnome-switch-slider-background: linear-gradient(to bottom, #3c3c3c 20%, #353535 90%); 124 | --gnome-switch-slider-border-color: #111111; 125 | --gnome-switch-slider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); 126 | --gnome-switch-active-background: #15539e; 127 | --gnome-switch-active-border-color: #030c17; 128 | --gnome-switch-active-slider-border-color: #030c17; 129 | 130 | /* Dirty hacks for replaced symbolic icons, they load from 131 | * /usr/share/icons/<theme>/ and on some systems they need to be 132 | * inverted, on others they don't, adjusts the filters below to your 133 | * needs (you may also adjust icon brightness here). */ 134 | --gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%); 135 | --gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); 136 | /* without invert: none */ 137 | --gnome-window-icons-hack-filter: invert(90%); 138 | /* without invert: none */ 139 | 140 | /* colors to override with theme*/ 141 | --new-tab-background: rgb(30,30,30) !important; 142 | --urlbar-box-bgcolor: var(--theme-primary-color) !important; 143 | --in-content-primary-button-background-hover:var(--theme-primary-color-hover) !important; 144 | --in-content-page-background:(var(--new-tab-background)) !important; 145 | --in-content-primary-button-background: var(--theme-primary-color) !important; 146 | --in-content-danger-button-background-active: var(--theme-primary-color-hover) !important; 147 | --safari-warning-security: rgb(202,49,66) !important; 148 | --safari-safe-color: rgb(1,203,67) !important; 149 | --toolbar-field-focus-color: transparent !important; 150 | --focus-outline-color: transparent !important; 151 | /* fix new styles added in v119 - */ 152 | --toolbar-field-focus-color: var(--gnome-urlbar-color) !important; 153 | --toolbar-field-focus-background-color: transparent !important; 154 | --arrowpanel-border-color: transparent !important; 155 | } 156 | } -------------------------------------------------------------------------------- /chrome/WhiteSur/colors/light.css: -------------------------------------------------------------------------------- 1 | @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 2 | 3 | /* Variables that start with --gnome- are added by me and are assigned 4 | * to elements somewhere in this code. The rest of the variables are 5 | * built-in in Firefox, so you need to add an !important if you wanna 6 | * override them. */ 7 | 8 | :root { 9 | /* Browser area before a page starts loading */ 10 | --gnome-browser-before-load-background: #f5f5f5; 11 | --theme-primary-color: #315bef; 12 | --theme-primary-color-hover: #3863ff; 13 | --theme-alt-color:#fff; 14 | --in-content-link-color:var(--theme-primary-color) !important; 15 | --in-content-link-color-hover:var(--theme-primary-color-hover) !important; 16 | 17 | /* Toolbars */ 18 | --gnome-toolbar-background: #ffffff; 19 | --gnome-tabstoolbar-background: #E5E5E5; 20 | --gnome-findbar-background: #f5f5f5; 21 | --gnome-toolbar-color: rgb(46, 52, 54); 22 | --gnome-toolbar-border-color: #fff; 23 | --gnome-inactive-toolbar-color: rgba(46, 52, 54, 0.35); 24 | --gnome-inactive-toolbar-background: #f6f5f4; 25 | --gnome-inactive-toolbar-border-color: #dadada; 26 | 27 | /* Sidebar */ 28 | --gnome-sidebar-background: #f5f5f5; 29 | --gnome-inactive-sidebar-background: #f9f9f8; 30 | 31 | /* Popups */ 32 | --gnome-menu-background: rgba(255, 255, 255, 0.95); 33 | --gnome-menu-border-color: #cdc7c2; 34 | --gnome-popover-background: rgba(255, 255, 255, 0.95); 35 | --gnome-popover-border-color: #cdc7c2; 36 | --gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3); 37 | --gnome-popover-button-hover-background: rgba(0, 0, 0, 0.1); 38 | --gnome-popover-button-active-background: rgba(0, 0, 0, 0.2); 39 | --gnome-popover-separator-color: rgba(0, 0, 0, 0.1); 40 | 41 | /* Header bar */ 42 | --gnome-headerbar-background: #ffffff; 43 | --gnome-headerbar-border-color: #bdb7b0; 44 | --gnome-headerbar-box-shadow: 0 1px rgba(255, 255, 255, 0.65) inset; 45 | --gnome-inactive-headerbar-background: #f5f5f5; 46 | --gnome-inactive-headerbar-border-color: #dadada; 47 | --gnome-inactive-headerbar-box-shadow: 0 1px #fff inset; 48 | 49 | /* Buttons */ 50 | --gnome-button-background: linear-gradient(to top, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%); 51 | --gnome-button-border-color: #cdc7c2; 52 | --gnome-button-border-accent-color: #b2b2b1; 53 | --gnome-button-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.03); 54 | --gnome-button-hover-color: rgba(0, 0, 0, 0.1); 55 | --gnome-button-active-color: rgba(0, 0, 0, 0.2); 56 | --gnome-button-hover-background: linear-gradient(to top, #fdfdfd 0%, #ffffff 100%); 57 | --gnome-button-active-background-alt:#f0f0f4 !important; 58 | --gnome-button-active-background-alt-border: #f0f0f4 !important; 59 | --gnome-button-active-background-alt-hover: #ffffff !important; 60 | --gnome-button-active-background: #cfcfcf; 61 | --gnome-button-active-border-color: #b2b2b1; 62 | --gnome-button-active-border-accent-color: #b2b2b1; 63 | --gnome-button-active-box-shadow: 0 1px rgba(255, 255, 255, 0) inset; 64 | --gnome-button-disabled-background: #faf9f8; 65 | --gnome-button-disabled-border-color: #cdc7c2; 66 | --gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0); 67 | --gnome-inactive-button-background: #f6f5f4; 68 | --gnome-inactive-button-border-color: #dadada; 69 | --gnome-inactive-button-box-shadow: 0 1px rgba(255, 255, 255, 0) inset, 0 1px rgba(255, 255, 255, 0); 70 | --gnome-button-suggested-action-background:#2379e2; 71 | --gnome-button-suggested-action-border-color: #1b6acb; 72 | --gnome-button-suggested-action-border-accent-color: #15539e; 73 | --gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); 74 | --gnome-button-suggested-action-hover-background: #3584e4; 75 | --gnome-button-suggested-action-active-background: #1961b9; 76 | --gnome-button-suggested-action-active-border-color: #1b6acb; 77 | --gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0); 78 | --gnome-button-destructive-action-background: linear-gradient(to top, #ce1921 2px, #e01b24); 79 | --gnome-button-destructive-action-border-color: #b2161d; 80 | --gnome-button-destructive-action-border-accent-color: #851015; 81 | --gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); 82 | --gnome-button-destructive-action-hover-background: linear-gradient(to top, #e01b24, #e41c26 1px); 83 | --gnome-button-destructive-action-active-background: #a0131a; 84 | --gnome-button-destructive-action-active-border-color: #b2161d; 85 | --gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0); 86 | --gnome-button-menulist-color:#020202; 87 | --gnome-headerbar-button-hover-background: rgba(0, 0, 0, 0.1); 88 | --gnome-headerbar-button-active-background: rgba(0, 0, 0, 0.15); 89 | 90 | /* URL bar */ 91 | --gnome-urlbar-background: #f5f5f5; 92 | --gnome-urlbar-border-color: #b6b6b3; 93 | --gnome-urlbar-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08), 0 5px 8px rgba(0, 0, 0, 0.05), 0 8px 16px rgba(0, 0, 0, 0.03); 94 | --gnome-urlbar-color: #020202; 95 | --gnome-hover-urlbar-border-color: #e5e5e5; 96 | --gnome-inactive-urlbar-background: linear-gradient(#fcfcfc, #fcfcfc); 97 | --gnome-inactive-urlbar-border-color: #dadada; 98 | --gnome-inactive-urlbar-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05); 99 | --gnome-inactive-urlbar-color: #323232; 100 | --gnome-focused-urlbar-border-color: #5683DA; 101 | --gnome-focused-urlbar-highlight-color: #6592E9; 102 | --gnome-private-urlbar-background: #e6c2ff; 103 | 104 | /* Tabs */ 105 | --gnome-tabbar-tab-background: #E5E5E5; 106 | --gnome-tabbar-tab-color: rgb(141, 144, 145); 107 | --gnome-tabbar-tab-hover-background: #d5d5d5; 108 | --gnome-tabbar-tab-hover-border-bottom-color: #b6b6b3; 109 | --gnome-tabbar-tab-hover-color: rgb(93, 98, 99); 110 | --gnome-tabbar-tab-active-background: #ffffff; 111 | --gnome-tabbar-tab-active-border-bottom-color: #4a90d9; 112 | --gnome-tabbar-tab-active-color: rgb(46, 52, 54); 113 | --gnome-tabbar-tab-active-hover-background: #f5f5f5; 114 | --gnome-inactive-tabbar-tab-color: #b3b8b9; 115 | --gnome-inactive-tabbar-tab-active-background: #f5f5f5; 116 | --gnome-inactive-tabbar-tab-active-border-bottom-color: var(--gnome-tabbar-tab-active-border-bottom-color); 117 | --gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color); 118 | 119 | /* Switch */ 120 | --gnome-switch-background: #e1dedb; 121 | --gnome-switch-border-color: #cdc7c2; 122 | --gnome-switch-slider-background: linear-gradient(to bottom, white 10%, white 90%); 123 | --gnome-switch-slider-border-color: #bfb8b1; 124 | --gnome-switch-slider-box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); 125 | --gnome-switch-active-background: #3584e4; 126 | --gnome-switch-active-border-color: #185fb4; 127 | --gnome-switch-active-slider-border-color: #185fb4; 128 | 129 | /* Dirty hacks for replaced symbolic icons, they load from 130 | * /usr/share/icons/<theme>/ and on some systems they need to be 131 | * inverted, on others they don't, adjusts the filters below to your 132 | * needs (you may also adjust icon brightness here). */ 133 | --gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%) invert(100%); 134 | --gnome-icons-hack-filter: none; 135 | --gnome-window-icons-hack-filter: invert(30%); 136 | 137 | /* colors to override with theme*/ 138 | --urlbar-box-bgcolor: var(--theme-primary-color) !important; 139 | --in-content-primary-button-background-hover:var(--theme-primary-color-hover) !important; 140 | --in-content-primary-button-background: var(--theme-primary-color) !important; 141 | --in-content-danger-button-background-active: var(--theme-primary-color-hover) !important; 142 | --safari-warning-security: rgb(202,49,66) !important; 143 | --safari-safe-color: rgb(1,203,67) !important; 144 | --new-tab-background: rgb(233,233,233) !important; 145 | --toolbar-field-focus-color: transparent !important; 146 | --focus-outline-color: transparent !important; 147 | /* fix new styles added in v119 - */ 148 | --toolbar-field-focus-color: var(--gnome-urlbar-color) !important; 149 | --toolbar-field-focus-background-color: transparent !important; 150 | --arrowpanel-border-color: transparent !important; 151 | } -------------------------------------------------------------------------------- /chrome/WhiteSur/custom/.gitignore: -------------------------------------------------------------------------------- 1 | # Ignore everything in this directory 2 | * 3 | # Except this file 4 | !.gitignore 5 | -------------------------------------------------------------------------------- /chrome/WhiteSur/drag-window-headerbar-buttons.css: -------------------------------------------------------------------------------- 1 | /* Allow drag window from headerbar buttons */ 2 | 3 | @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 | 5 | :root #nav-bar *, 6 | :root #TabsToolbar .titlebar-button, 7 | :root[inFullscreen] #window-controls toolbarbutton { 8 | -moz-window-dragging: drag; 9 | } 10 | 11 | /* Avoid window dragging from urlbar */ 12 | :root #nav-bar .urlbar-input-box, 13 | :root #nav-bar .urlbar-input-box * { 14 | -moz-window-dragging: no-drag !important; 15 | } 16 | 17 | -------------------------------------------------------------------------------- /chrome/WhiteSur/hide-single-tab.css: -------------------------------------------------------------------------------- 1 | @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 2 | 3 | #tabbrowser-tabs tab:only-of-type { 4 | display: none !important; 5 | } 6 | 7 | /* TODO: Hidde tabbar bottom border */ 8 | -------------------------------------------------------------------------------- /chrome/WhiteSur/hide-window-buttons.css: -------------------------------------------------------------------------------- 1 | @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 2 | 3 | :root[sizemode="maximized"] #TabsToolbar .titlebar-buttonbox-container { 4 | display: none !important; 5 | } 6 | 7 | :root[sizemode="maximized"] #nav-bar { 8 | padding-left: 3px !important; 9 | } 10 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/application-x-addon-symbolic.svg: -------------------------------------------------------------------------------- 1 | <?xml version="1.0" encoding="UTF-8"?> 2 | <svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> 3 | <metadata> 4 | <rdf:RDF> 5 | <cc:Work rdf:about=""> 6 | <dc:format>image/svg+xml</dc:format> 7 | <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/> 8 | <dc:title/> 9 | </cc:Work> 10 | </rdf:RDF> 11 | </metadata> 12 | <defs> 13 | <style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#6e6e6e; } .ColorScheme-Highlight { color:#5294e2; }</style> 14 | </defs> 15 | <path d="m7 0c-1.108 0-2 0.892-2 2v1h-2.1543c-1.0228 0-1.8457 0.82293-1.8457 1.8457v2.1543 1h2c0.554 0 1 0.446 1 1s-0.446 1-1 1h-2v1 2.1543c0 1.0228 0.82293 1.8457 1.8457 1.8457h2.1543 1v-2c0-0.554 0.446-1 1-1s1 0.446 1 1v2h1 2.1543c1.0228 0 1.8457-0.82293 1.8457-1.8457v-2.1543h1c1.108 0 2-0.892 2-2s-0.892-2-2-2h-1v-2.1543c0-1.0228-0.82293-1.8457-1.8457-1.8457h-2.1543v-1c0-1.108-0.892-2-2-2zm0 1c0.554 0 1 0.446 1 1v2h1 2c0.554 0 1 0.446 1 1v2 1h2c0.554 0 1 0.446 1 1s-0.446 1-1 1h-2v1 2c0 0.554-0.446 1-1 1h-2v-1c0-1.108-0.892-2-2-2s-2 0.892-2 2v1h-2c-0.554 0-1-0.446-1-1v-2h1c1.108 0 2-0.892 2-2s-0.892-2-2-2h-1v-2c0-0.554 0.446-1 1-1h2 1v-2c0-0.554 0.446-1 1-1z" fill="#363636"/> 16 | </svg> 17 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/applications-engineering-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <path d="m11.02 0.53711a1.0001 1.0001 0 0 0-0.58984 0.19336c-0.89811 0.65868-1.4296 1.7085-1.4297 2.8223 0.00118 1.3259 0.86654 2.3529 2 2.9434v1.1797a7 7 0 0 1 1 0.58008v-2.2559c-1.1632-0.23743-1.9989-1.2601-2-2.4473 9.8e-5 -0.7962 0.37943-1.5447 1.0215-2.0156-4e-3 0.036332-0.021484 0.068046-0.021484 0.10547v2c0 0.554 0.446 1 1 1h1c0.554 0 1-0.446 1-1v-2c0-0.037422-0.017524-0.069136-0.021484-0.10547 0.64204 0.47088 1.0214 1.2194 1.0215 2.0156-1.29e-4 1.1879-0.83612 2.2116-2 2.4492v3.0996a7 7 0 0 1 1 1.2949v-3.9004c1.134-0.59095 1.9999-1.6166 2-2.9434-1.38e-4 -1.1138-0.53157-2.1636-1.4297-2.8223a1.0001 1.0001 0 0 0-1.5859 0.91602c0.01271 0.11643 0.014165 0.1478 0.015625 0.16797v1.8281h-1v-1.8281c0.0015-0.020168 0.002895-0.051534 0.015625-0.16797a1.0001 1.0001 0 0 0-0.99609-1.1094zm-3.0195 7.4629a6 6 0 0 0-6 6h-2v1h16v-1h-2a6 6 0 0 0-6-6zm0 1a5 5 0 0 1 5 5h-1a4 4 0 0 0-4-4 4 4 0 0 0-0.060547 0 4 4 0 0 0-3.9395 4h-1a5 5 0 0 1 5-5zm-0.052734 2a3 3 0 0 1 0.0019532 0 3 3 0 0 1 0.050781 0 3 3 0 0 1 3 3h-6a3 3 0 0 1 2.9473-3z" fill="#363636"/> 3 | </svg> 4 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/bookmarks-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <path d="m4.8008 0s-0.43146-0.012793-0.87695 0.22852c-0.44549 0.24131-0.92383 0.89765-0.92383 1.6387v12.133a1.0001 1.0001 0 0 0 1.5449 0.83789l3.4551-2.2461 3.4551 2.2461a1.0001 1.0001 0 0 0 1.5449-0.83789v-12.133s0.01489-0.40654-0.19141-0.85352c-0.2063-0.44698-0.84826-1.0137-1.6094-1.0137h-6.3984zm0 1h6.3984c0.8 0 0.80078 0.86719 0.80078 0.86719v12.133l-4-2.5996-4 2.5996v-12.133c0-0.86667 0.80078-0.86719 0.80078-0.86719z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#363636" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/> 3 | </svg> 4 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/checkbox-checked-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"> 2 | <rect y="6.1719e-7" width="16" height="16" color="#000000" fill="none"/> 3 | <path d="m3 1c-1.108 0-2 0.892-2 2v10c0 1.108 0.892 2 2 2h10c1.108 0 2-0.892 2-2v-10c0-1.108-0.892-2-2-2h-10zm8.2773 3.8438c0.25562 0 0.51116 0.097101 0.70703 0.29297 0.39174 0.39174 0.39174 1.0223 0 1.4141l-4.2422 4.2422c-0.39173 0.39173-0.99323 0.42083-1.3496 0.064453l-0.064453-0.064453-2.1855-2.1836c-0.35633-0.35637-0.32729-0.95983 0.064453-1.3516 0.39173-0.39173 0.99323-0.41888 1.3496-0.0625l1.4785 1.4766 3.5352-3.5352c0.19587-0.19587 0.45141-0.29297 0.70703-0.29297z" color="#000000" fill="#474747" style="paint-order:fill markers stroke"/> 4 | <rect transform="rotate(45)" x="8.1066" y="1.1569" width="3" height="1" fill-opacity="0"/> 5 | </svg> 6 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/checkbox-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> 2 | <path d="M3.5 1A2.506 2.506 0 0 0 1 3.5v9C1 13.876 2.124 15 3.5 15h9c1.376 0 2.5-1.124 2.5-2.5v-9C15 2.124 13.876 1 12.5 1zm0 1h9c.84 0 1.5.66 1.5 1.5v9c0 .84-.66 1.5-1.5 1.5h-9c-.84 0-1.5-.66-1.5-1.5v-9C2 2.66 2.66 2 3.5 2z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;shape-padding:0;isolation:auto;mix-blend-mode:normal;marker:none" color="#000" font-weight="400" font-family="sans-serif" white-space="normal" overflow="visible" fill="#474747"/> 3 | </svg> 4 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/edit-copy-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <path d="m2 0c-1.108 0-2 0.892-2 2v8c0 1.108 0.892 2 2 2h7c1.108 0 2-0.892 2-2v-8c0-1.108-0.892-2-2-2h-7zm0 1h7c0.554 0 1 0.446 1 1v8c0 0.554-0.446 1-1 1h-7c-0.554 0-1-0.446-1-1v-8c0-0.554 0.446-1 1-1z" fill="#363636"/> 3 | <path d="m12 4v1h1c0.554 0 1 0.446 1 1v8c0 0.554-0.446 1-1 1h-7c-0.554 0-1-0.446-1-1v-1h-1v1c0 1.108 0.892 2 2 2h7c1.108 0 2-0.892 2-2v-8c0-1.108-0.892-2-2-2h-1z" fill="#363636"/> 4 | </svg> 5 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/edit-cut-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <path d="m13.418 3.01a1.99 1.99 0 0 0-0.55 0.65 7.27 7.27 0 0 1-0.206 0.375c-0.076 0.136-0.168 0.296-0.275 0.494a10.953 10.953 0 0 1-1.14 1.712c-4e-3 4e-3 -0.32 0.365-0.669 0.677-1.953-0.838-5.151-2.203-5.46-2.281-0.459-0.116-0.897 0.21-0.916 0.223l-0.202 0.152 0.216 0.13 4.708 2.858-4.708 2.857-0.216 0.13 0.202 0.152c0.019 0.014 0.457 0.338 0.917 0.223 0.305-0.076 3.506-1.443 5.459-2.282 0.35 0.315 0.664 0.675 0.667 0.678 6e-3 7e-3 0.579 0.678 1.142 1.714 0.107 0.197 0.199 0.359 0.277 0.494 0.085 0.152 0.154 0.271 0.205 0.373 0.099 0.195 0.305 0.473 0.549 0.652a1.627 1.627 0 0 0 2.27-0.349c0.204-0.28 0.312-0.61 0.312-0.956 0-0.512-0.245-1.002-0.657-1.31a1.568 1.568 0 0 0-0.57-0.268c-0.154-0.056-0.27-0.074-0.394-0.095-0.184-0.032-0.392-0.067-0.81-0.234-0.813-0.326-1.493-0.93-1.504-0.943-0.198-0.164-0.391-0.454-0.561-0.836 0.17-0.383 0.363-0.672 0.565-0.843 7e-3 -4e-3 0.685-0.608 1.5-0.935 0.418-0.168 0.626-0.204 0.81-0.234 0.123-0.02 0.24-0.041 0.378-0.09 0.207-0.05 0.41-0.145 0.59-0.275 0.41-0.308 0.653-0.796 0.653-1.308a1.6 1.6 0 0 0-0.312-0.956 1.625 1.625 0 0 0-2.27-0.35m1.066 0.617a0.705 0.705 0 0 1 0.595 0.691 0.706 0.706 0 0 1-0.287 0.568 0.693 0.693 0 0 1-0.522 0.127 0.69 0.69 0 0 1-0.457-0.279 0.702 0.702 0 0 1 0.671-1.107m-4.69 4.374m4.998 3.117a0.7 0.7 0 0 1-0.308 1.256 0.693 0.693 0 0 1-0.522-0.127 0.705 0.705 0 0 1-0.15-0.98 0.7 0.7 0 0 1 0.98-0.15" fill="#363636"/> 3 | <path d="m3 1c-1.108 0-2 0.892-2 2v10c0 1.108 0.892 2 2 2h7c1.108 0 2-0.892 2-2v-1h-1v1c0 0.554-0.446 1-1 1h-7c-0.554 0-1-0.446-1-1v-10c0-0.554 0.446-1 1-1h7c0.554 0 1 0.446 1 1v1h1v-1c0-1.108-0.892-2-2-2h-7z" fill="#363636"/> 4 | </svg> 5 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/edit-find-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <g transform="rotate(45 7.7071 8.7071)" fill="#363636"> 3 | <path d="m6 3a5 5 0 0 0-5 5 5 5 0 0 0 5 5 5 5 0 0 0 5-5 5 5 0 0 0-5-5zm0 1a4 4 0 0 1 4 4 4 4 0 0 1-4 4 4 4 0 0 1-4-4 4 4 0 0 1 4-4z"/> 4 | <rect x="10" y="7.5" width="7" height="1" stroke-width=".93541"/> 5 | </g> 6 | </svg> 7 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/edit-paste-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <path d="m8 0c-1.1046 0-2 0.89543-2 2h-1-0.93945-0.060547v0.0058594c-1.113 0.032581-2 0.93345-2 2.0547v8.8789c0 1.142 0.91853 2.0605 2.0605 2.0605h7.8789c1.142 0 2.0605-0.91853 2.0605-2.0605v-8.8789c0-1.142-0.91853-2.0605-2.0605-2.0605h-0.93945-1c0-0.138-0.00525-0.27625-0.03125-0.40625-0.19615-0.93036-1.0179-1.5956-1.9688-1.5938zm-0.011719 1c0.0039062-2.289e-5 0.0078126-2.289e-5 0.011719 0 0.414 0 0.75425 0.266 0.90625 0.625 0.056891 0.11716 0.088816 0.24486 0.09375 0.375-6.1e-5 0.88813-1.0716 1.3352-1.7031 0.71094-0.63157-0.62426-0.19666-1.7005 0.69141-1.7109zm-3.9883 2h1 1v1s-1 0-1 1h6c0-0.75-0.56275-0.953-0.84375-1h-0.15625v-1h1 1c0.554 0 1 0.446 1 1v9c0 0.554-0.446 1-1 1h-8c-0.554 0-1-0.446-1-1v-9c0-0.554 0.446-1 1-1z" fill="#363636"/> 3 | </svg> 4 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/folder-download-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> 2 | <defs> 3 | <style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; } .ColorScheme-Text { color:#363636; }</style> 4 | </defs> 5 | <path d="m7.5 0a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5 7.5 7.5 0 0 0 7.5-7.5 7.5 7.5 0 0 0-7.5-7.5zm0 1a6.5 6.5 0 0 1 6.5 6.5 6.5 6.5 0 0 1-6.5 6.5 6.5 6.5 0 0 1-6.5-6.5 6.5 6.5 0 0 1 6.5-6.5zm0 3c-0.277 0-0.5 0.223-0.5 0.5v4.793l-1.2676-1.2676c-0.19587-0.19587-0.51116-0.19587-0.70703 0s-0.19587 0.51116 0 0.70703l2.1211 2.1211c0.047012 0.047012 0.10324 0.084075 0.16602 0.10938 0.12034 0.048967 0.25466 0.048967 0.375 0 0.062778-0.0253 0.119-0.062363 0.16602-0.10938l2.1211-2.1211c0.19587-0.19587 0.19587-0.51116 0-0.70703s-0.51116-0.19587-0.70703 0l-1.2676 1.2676v-4.793c0-0.277-0.223-0.5-0.5-0.5z" style="fill:currentColor" class="ColorScheme-Text"/> 6 | </svg> 7 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/folder-locked-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <defs> 3 | <style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; }</style> 4 | </defs> 5 | <path d="m8 0c-2.216 0-4 1.784-4 4v2h1v-2c0-1.662 1.338-3 3-3s3 1.338 3 3v2h1v-2c0-2.216-1.784-4-4-4z" style="fill:currentColor" class="ColorScheme-Text"/> 6 | <path d="m4 6c-1.108 0-2 0.892-2 2v5c0 1.108 0.892 2 2 2h8c1.108 0 2-0.892 2-2v-5c0-1.108-0.892-2-2-2h-8zm0 1h8c0.554 0 1 0.446 1 1v5c0 0.554-0.446 1-1 1h-8c-0.554 0-1-0.446-1-1v-5c0-0.554 0.446-1 1-1z" style="fill:currentColor" class="ColorScheme-Text"/> 7 | </svg> 8 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/folder-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> 2 | <defs> 3 | <style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; } .ColorScheme-Text { color:#363636; }</style> 4 | </defs> 5 | <path d="m2 2c-1.108 0-2 0.892-2 2v9c0 1.108 0.892 2 2 2h12c1.108 0 2-0.892 2-2v-8c0-1.108-0.892-2-2-2h-2-5.6289c-0.57985-0.0229-0.60474 0.076886-1.0391-0.35742-0.43381-0.43381-0.61297-0.64213-1.332-0.64258h-2zm0 1h2c0.31116-1.7e-6 0.52033 1.383e-4 0.99805 0.4707 0.47877 0.47161 0.6388 0.5293 1 0.5293h6.002 2c0.554 0 1 0.446 1 1v1h-14v-2c0-0.554 0.446-1 1-1zm-1 4h14v6c0 0.554-0.446 1-1 1h-12c-0.554 0-1-0.446-1-1v-6z" style="fill:currentColor" class="ColorScheme-Text"/> 6 | </svg> 7 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/go-next-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <path d="m4.8418 1.8416c-0.12781 0-0.25558 0.04855-0.35352 0.14648-0.19587 0.19587-0.19587 0.51116 0 0.70703l5.3047 5.3047-5.3047 5.3047c-0.19587 0.19587-0.19587 0.51116 0 0.70703 0.19587 0.19587 0.51116 0.19587 0.70703 0l5.6582-5.6582c0.19587-0.19587 0.19587-0.51116 0-0.70703l-5.6582-5.6582c-0.097934-0.097934-0.22571-0.14648-0.35352-0.14648z" fill="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8091"/> 3 | </svg> 4 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/go-previous-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <path d="m10.159 1.8416c0.12781 0 0.25558 0.04855 0.35352 0.14648 0.19587 0.19587 0.19587 0.51116 0 0.70703l-5.3047 5.3047 5.3047 5.3047c0.19587 0.19587 0.19587 0.51116 0 0.70703-0.19587 0.19587-0.51116 0.19587-0.70703 0l-5.6582-5.6582c-0.19587-0.19587-0.19587-0.51116 0-0.70703l5.6582-5.6582c0.09793-0.097934 0.22571-0.14648 0.35352-0.14648z" fill="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8091"/> 3 | </svg> 4 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/mail-unread-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <path class="ColorScheme-Text" d="m2 2c-1.108 0-2 0.892-2 2v8c0 1.108 0.892 2 2 2h12c1.108 0 2-0.892 2-2v-8c0-1.108-0.892-2-2-2zm0 1h12c0.48888 0 0.87448 0.35406 0.96289 0.81641l-6.4238 5.1152c-0.30559 0.24335-0.77254 0.24335-1.0781 0l-6.4238-5.1152c0.088406-0.46235 0.47401-0.81641 0.96289-0.81641zm-1 2.0488 3.7051 2.9512-3.7051 2.9512v-5.9023zm14 0v5.9023l-3.7051-2.9512 3.7051-2.9512zm-9.502 3.584 1.1699 0.93164c0.73087 0.58201 1.9332 0.58201 2.6641 0l1.1699-0.93164 4.4609 3.5508c-0.08841 0.46235-0.47401 0.81641-0.96289 0.81641h-12c-0.48888 0-0.87448-0.35406-0.96289-0.81641l4.4609-3.5508z" color="#363636" fill="currentColor"/> 3 | </svg> 4 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/open-menu-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <g fill="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1909"> 3 | <rect x="2" y="4" width="12" height="1" ry=".5"/> 4 | <rect x="2" y="8" width="12" height="1" ry=".5"/> 5 | <rect x="2" y="12" width="12" height="1" ry=".5"/> 6 | </g> 7 | </svg> 8 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/page-action.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <g fill="#333"> 3 | <circle cx="2" cy="8" r="1" color="#363636"/> 4 | <circle cx="8" cy="8" r="1" color="#363636"/> 5 | <circle cx="14" cy="8" r="1" color="#363636"/> 6 | </g> 7 | </svg> 8 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/page-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="4.2333mm" height="4.2333mm" version="1.1" viewBox="0 0 4.2333 4.2333" xmlns="http://www.w3.org/2000/svg"> 2 | <path d="m1.0563 0c-0.28858 0-0.52917 0.24059-0.52917 0.52917v3.176c0 0.28858 0.24059 0.5271 0.52917 0.5271h2.3833c0.28858 0 0.52917-0.23852 0.52917-0.5271v-1.9632l-1.7441-1.742zm0.00103 0.26458h1.0583v1.0583c0 0.29316 0.23601 0.52917 0.52917 0.52917h1.0583v1.8521c0 0.14658-0.118 0.26458-0.26458 0.26458h-2.3812c-0.14658 0-0.26458-0.118-0.26458-0.26458v-3.175c0-0.14658 0.118-0.26458 0.26458-0.26458zm1.3229 0.26458 1.0583 1.0583h-0.79375c-0.14658 0-0.26458-0.118-0.26458-0.26458z" fill="#363636" stroke-linecap="square" stroke-width=".52917" style="paint-order:fill markers stroke"/> 3 | </svg> 4 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/pan-down-symbolic-light.svg: -------------------------------------------------------------------------------- 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?> 2 | <svg 3 | xmlns:dc="http://purl.org/dc/elements/1.1/" 4 | xmlns:cc="http://creativecommons.org/ns#" 5 | xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" 6 | xmlns:svg="http://www.w3.org/2000/svg" 7 | xmlns="http://www.w3.org/2000/svg" 8 | xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" 9 | xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" 10 | width="16" 11 | height="16" 12 | version="1.1" 13 | id="svg4" 14 | sodipodi:docname="pan-down-symbolic-light.svg" 15 | inkscape:version="0.92.4 5da689c313, 2019-01-14"> 16 | <metadata 17 | id="metadata10"> 18 | <rdf:RDF> 19 | <cc:Work 20 | rdf:about=""> 21 | <dc:format>image/svg+xml</dc:format> 22 | <dc:type 23 | rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> 24 | </cc:Work> 25 | </rdf:RDF> 26 | </metadata> 27 | <defs 28 | id="defs8" /> 29 | <sodipodi:namedview 30 | pagecolor="#ffffff" 31 | bordercolor="#666666" 32 | borderopacity="1" 33 | objecttolerance="10" 34 | gridtolerance="10" 35 | guidetolerance="10" 36 | inkscape:pageopacity="0" 37 | inkscape:pageshadow="2" 38 | inkscape:window-width="900" 39 | inkscape:window-height="480" 40 | id="namedview6" 41 | showgrid="false" 42 | inkscape:zoom="14.75" 43 | inkscape:cx="0.88135593" 44 | inkscape:cy="8.0925617" 45 | inkscape:window-x="0" 46 | inkscape:window-y="27" 47 | inkscape:window-maximized="0" 48 | inkscape:current-layer="svg4" /> 49 | <path 50 | d="M13 6l-5 5-5-5z" 51 | fill="#2e3436" 52 | id="path2" 53 | style="fill:#ffffff" /> 54 | </svg> 55 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/pan-down-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> 2 | <path d="M13 6l-5 5-5-5z" fill="#2e3436"/> 3 | </svg> 4 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/pan-end-symbolic-light.svg: -------------------------------------------------------------------------------- 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?> 2 | <svg 3 | xmlns:dc="http://purl.org/dc/elements/1.1/" 4 | xmlns:cc="http://creativecommons.org/ns#" 5 | xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" 6 | xmlns:svg="http://www.w3.org/2000/svg" 7 | xmlns="http://www.w3.org/2000/svg" 8 | xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" 9 | xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" 10 | width="16" 11 | height="16" 12 | version="1.1" 13 | id="svg4" 14 | sodipodi:docname="pan-end-symbolic-light.svg" 15 | inkscape:version="0.92.4 5da689c313, 2019-01-14"> 16 | <metadata 17 | id="metadata10"> 18 | <rdf:RDF> 19 | <cc:Work 20 | rdf:about=""> 21 | <dc:format>image/svg+xml</dc:format> 22 | <dc:type 23 | rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> 24 | </cc:Work> 25 | </rdf:RDF> 26 | </metadata> 27 | <defs 28 | id="defs8" /> 29 | <sodipodi:namedview 30 | pagecolor="#ffffff" 31 | bordercolor="#666666" 32 | borderopacity="1" 33 | objecttolerance="10" 34 | gridtolerance="10" 35 | guidetolerance="10" 36 | inkscape:pageopacity="0" 37 | inkscape:pageshadow="2" 38 | inkscape:window-width="900" 39 | inkscape:window-height="480" 40 | id="namedview6" 41 | showgrid="false" 42 | inkscape:zoom="14.75" 43 | inkscape:cx="8.1355932" 44 | inkscape:cy="7.7288136" 45 | inkscape:window-x="0" 46 | inkscape:window-y="27" 47 | inkscape:window-maximized="0" 48 | inkscape:current-layer="svg4" /> 49 | <path 50 | d="M6 13l5-5-5-5z" 51 | fill="#2e3436" 52 | id="path2" 53 | style="fill:#ffffff" /> 54 | </svg> 55 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/pan-end-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> 2 | <path d="M6 13l5-5-5-5z" fill="#2e3436"/> 3 | </svg> 4 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/pan-start-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> 2 | <path d="M10 13L5 8l5-5z" fill="#2e3436"/> 3 | </svg> 4 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/pan-up-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> 2 | <path d="M13 10L8 5l-5 5z" fill="#2e3436"/> 3 | </svg> 4 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/permissions-granted.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <g fill="#333"> 3 | <path d="m1.5 4c-0.277 0-0.5 0.223-0.5 0.5s0.223 0.5 0.5 0.5h2.5879a1.5 1.5 0 0 1-0.087891-0.5 1.5 1.5 0 0 1 0.085938-0.5h-2.5859zm5.4121 0a1.5 1.5 0 0 1 0.087891 0.5 1.5 1.5 0 0 1-0.085938 0.5h7.5859c0.277 0 0.5-0.223 0.5-0.5s-0.223-0.5-0.5-0.5h-7.5879z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.3664"/> 4 | <path d="m1.5 11c-0.277 0-0.5 0.223-0.5 0.5s0.223 0.5 0.5 0.5h7.5879a1.5 1.5 0 0 1-0.087891-0.5 1.5 1.5 0 0 1 0.085938-0.5h-7.5859zm10.412 0a1.5 1.5 0 0 1 0.087891 0.5 1.5 1.5 0 0 1-0.085938 0.5h2.5859c0.277 0 0.5-0.223 0.5-0.5s-0.223-0.5-0.5-0.5h-2.5879z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.3664"/> 5 | <path d="m5.5 2a2.5 2.5 0 0 0-2.5 2.5 2.5 2.5 0 0 0 2.5 2.5 2.5 2.5 0 0 0 2.5-2.5 2.5 2.5 0 0 0-2.5-2.5zm0 1a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5 1.5 1.5 0 0 1-1.5-1.5 1.5 1.5 0 0 1 1.5-1.5z" stroke-linecap="square" stroke-width="2"/> 6 | <path d="m10.5 9a2.5 2.5 0 0 0-2.5 2.5 2.5 2.5 0 0 0 2.5 2.5 2.5 2.5 0 0 0 2.5-2.5 2.5 2.5 0 0 0-2.5-2.5zm0 1a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5 1.5 1.5 0 0 1-1.5-1.5 1.5 1.5 0 0 1 1.5-1.5z" stroke-linecap="square" stroke-width="2"/> 7 | </g> 8 | </svg> 9 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/preferences-system-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <path class="ColorScheme-Text" d="m6.127 0.25972c-0.064351-0.008882-0.13038-0.004251-0.19727 0.013672-0.26756 0.071693-0.42521 0.34377-0.35352 0.61133l0.13672 0.50977a7 7 0 0 0-1.1719 0.5293c-0.013468 0.00627-0.027897 0.0061-0.041016 0.013672-0.01342 0.00775-0.020785 0.02055-0.033203 0.029297a7 7 0 0 0-1.0449 0.74805l-0.37109-0.37109c-0.19587-0.19587-0.51116-0.19587-0.70703 0s-0.19587 0.51116 0 0.70703l0.36914 0.36914a7 7 0 0 0-0.77539 1.0801 7 7 0 0 0-0.54883 1.2109l-0.50391-0.13477c-0.26756-0.071693-0.53964 0.085954-0.61133 0.35352s0.085954 0.53964 0.35352 0.61133l0.50586 0.13672a7 7 0 0 0-0.00195 2.6465l-0.50391 0.13477c-0.26756 0.071693-0.42521 0.34377-0.35352 0.61133 0.071693 0.26756 0.34377 0.42521 0.61133 0.35352l0.50977-0.13672a7 7 0 0 0 1.3203 2.291l-0.37109 0.37109c-0.19587 0.19587-0.19587 0.51116 0 0.70703s0.51116 0.19587 0.70703 0l0.36914-0.36914a7 7 0 0 0 1.0801 0.77539 7 7 0 0 0 1.2109 0.54883l-0.13477 0.50391c-0.071693 0.26756 0.085954 0.53964 0.35352 0.61133 0.26756 0.07169 0.53964-0.08595 0.61133-0.35352l0.13672-0.50586a7 7 0 0 0 2.6465 2e-3l0.13477 0.50391c0.071693 0.26756 0.34377 0.42521 0.61133 0.35352 0.26756-0.07169 0.42521-0.34377 0.35352-0.61133l-0.13672-0.50976a7 7 0 0 0 2.291-1.3203l0.37109 0.37109c0.19587 0.19587 0.51116 0.19587 0.70703 0s0.19587-0.51116 0-0.70703l-0.36914-0.36914a7 7 0 0 0 0.77539-1.0801 7 7 0 0 0 0.54883-1.2109l0.50391 0.13477c0.26756 0.07169 0.53964-0.08595 0.61133-0.35352 0.07169-0.26756-0.08595-0.53963-0.35352-0.61133l-0.50586-0.13672a7 7 0 0 0 0.12695-1.2949c5.42e-4 -0.00958 0.0059-0.017622 0.0059-0.027344 0-0.012518-0.0069-0.022874-0.0078-0.035156a7 7 0 0 0-0.12305-1.2891l0.50391-0.13477c0.26756-0.071693 0.42521-0.34377 0.35352-0.61133s-0.34377-0.42521-0.61133-0.35352l-0.50976 0.13672a7 7 0 0 0-1.3203-2.291l0.37109-0.37109c0.19587-0.19587 0.19587-0.51116 0-0.70703s-0.51116-0.19587-0.70703 0l-0.36914 0.36914a7 7 0 0 0-1.0801-0.77539 7 7 0 0 0-1.2109-0.54883l0.13477-0.50391c0.07169-0.26756-0.08595-0.53964-0.35352-0.61133-0.26762-0.07174-0.53969 0.085907-0.61139 0.35347l-0.13672 0.50586a7 7 0 0 0-2.6465-0.00195l-0.13477-0.50391c-0.05377-0.20067-0.22101-0.34054-0.41406-0.36719zm1.5898 1.7461a6 6 0 0 1 3.2832 0.79883 6 6 0 0 1 2.9727 4.6953h-4.0391a2 2 0 0 0-1.9336-1.5 2 2 0 0 0-0.5332 0.074219l-2.0215-3.5a6 6 0 0 1 2.2715-0.56836zm-3.1367 1.0723 2.0195 3.4961a2 2 0 0 0-0.59961 1.4258 2 2 0 0 0 0.59766 1.4258l-2.0195 3.498a6 6 0 0 1-1.7734-7.9238 6 6 0 0 1 1.7754-1.9219zm3.4199 3.9219a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1zm1.9355 1.5h4.0371a6 6 0 0 1-0.77734 2.5 6 6 0 0 1-7.75 2.4238l2.0195-3.4961a2 2 0 0 0 0.53516 0.072266 2 2 0 0 0 1.9355-1.5z" color="#5d656b" fill="#363636"/> 3 | </svg> 4 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/preferences-system-time-symbolic-light.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <g class="ColorScheme-Text" color="#363636" fill="#fff"> 3 | <path d="m8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7z"/> 4 | <rect x="8" y="2" width="1" height="7" ry=".5"/> 5 | <rect transform="rotate(90)" x="8" y="-9" width="1" height="6" ry=".5"/> 6 | </g> 7 | </svg> 8 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/preferences-system-time-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <g class="ColorScheme-Text" color="#363636" fill="currentColor"> 3 | <path d="m8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7z"/> 4 | <rect x="8" y="2" width="1" height="7" ry=".5"/> 5 | <rect transform="rotate(90)" x="8" y="-9" width="1" height="6" ry=".5"/> 6 | </g> 7 | </svg> 8 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/printer-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <g fill="#333"> 3 | <path class="ColorScheme-Text" d="m2 3c-1.108 0-2 0.892-2 2v6c0 1.108 0.892 2 2 2h2v-1h-2c-0.554 0-1-0.446-1-1v-6c0-0.554 0.446-1 1-1h12c0.554 0 1 0.446 1 1v6c0 0.554-0.446 1-1 1h-2v1h2c1.108 0 2-0.892 2-2v-6c0-1.108-0.892-2-2-2z" color="#363636"/> 4 | <path class="ColorScheme-Text" d="m5 0c-1.108 0-2.0366 0.8926-2 2v2h1v-2c0-0.554 0.446-1 1-1h6c0.554 0 1.0418 0.44758 1 1v2h1v-2c0-1.108-0.892-2-2-2z" color="#363636"/> 5 | <rect class="ColorScheme-Text" x="5" y="10" width="6" height="1" color="#363636"/> 6 | <rect class="ColorScheme-Text" x="5" y="12" width="6" height="1" color="#363636"/> 7 | <path class="ColorScheme-Text" d="m5 7c-1.108 0-2 0.892-2 2v5c0 1.108 0.892 2 2 2h6c1.108 0 2-0.892 2-2v-5c0-1.108-0.892-2-2-2zm0 1h6c0.554 0 1 0.446 1 1v5c0 0.554-0.446 1-1 1h-6c-0.554 0-1-0.446-1-1v-5c0-0.554 0.446-1 1-1z" color="#363636"/> 8 | <circle class="ColorScheme-Text" cx="13.5" cy="5.5" r=".5" color="#363636"/> 9 | </g> 10 | </svg> 11 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/process-stop-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <g transform="translate(.5 -.5)" fill="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1483"> 3 | <rect transform="rotate(45)" x="3.8137" y=".20711" width="15" height="1" ry=".5"/> 4 | <rect transform="rotate(135)" x="-6.7929" y="-11.814" width="15" height="1" ry=".5"/> 5 | </g> 6 | </svg> 7 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/radio-checked-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <path d="m8.0039 1c-3.86 0-7.0039 3.1439-7.0039 7.0039 0 3.86 3.1439 7.0059 7.0039 7.0059 3.86 0 7.0059-3.1459 7.0059-7.0059 0-3.86-3.1459-7.0039-7.0059-7.0039zm-0.0039062 5c1.104 0 2 0.896 2 2s-0.896 2-2 2-2-0.896-2-2 0.896-2 2-2z" color="#bebebe" fill="#474747" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/> 3 | </svg> 4 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/radio-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> 2 | <path d="M8 1C4.142 1 1 4.142 1 8s3.142 7 7 7 7-3.142 7-7-3.142-7-7-7zm0 1c3.316 0 6 2.684 6 6s-2.684 6-6 6-6-2.684-6-6 2.684-6 6-6z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;shape-padding:0;isolation:auto;mix-blend-mode:normal;marker:none" color="#bebebe" font-weight="400" font-family="Andale Mono" white-space="normal" overflow="visible" fill="#474747"/> 3 | </svg> 4 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/reader-mode.svg: -------------------------------------------------------------------------------- 1 | <svg width="4.2333mm" height="4.2333mm" version="1.1" viewBox="0 0 4.2333 4.2333" xmlns="http://www.w3.org/2000/svg"> 2 | <g fill="#333"> 3 | <path d="m0.26459 0.52917c0-0.29316 0.23601-0.52917 0.52917-0.52917h2.6458c0.29316 0 0.52917 0.23601 0.52917 0.52917v3.175c0 0.29316-0.23601 0.52917-0.52917 0.52917h-2.6458c-0.29316 0-0.52917-0.23601-0.52917-0.52917zm0.26458 0v3.175c0 0.14658 0.118 0.26458 0.26458 0.26458h2.6458c0.14658 0 0.26458-0.118 0.26458-0.26458v-3.175c0-0.14658-0.118-0.26458-0.26458-0.26458h-2.6458c-0.14658 0-0.26458 0.118-0.26458 0.26458z" color="#363636" stroke-width=".26458"/> 4 | <g stroke-linecap="square"> 5 | <g stroke-width=".5657"> 6 | <rect x="1.0583" y="1.0583" width="2.1167" height=".26458" ry=".13229"/> 7 | <rect x="1.0583" y="1.8521" width="2.1167" height=".26458" ry=".13229"/> 8 | </g> 9 | <rect x="1.0583" y="2.6458" width="1.2095" height=".26458" ry=".13229" stroke-width=".42763"/> 10 | </g> 11 | </g> 12 | </svg> 13 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/save-to-pocket-light.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <defs> 3 | <style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; }</style> 4 | </defs> 5 | <path d="m3 2c-1.108 0-2 0.892-2 2v4a7 7 0 0 0 7 7 7 7 0 0 0 7-7v-4c0-1.108-0.892-2-2-2h-10zm0 1h10c0.554 0 1 0.446 1 1v4a6 6 0 0 1-6 6 6 6 0 0 1-6-6v-4c0-0.554 0.446-1 1-1zm0.75781 2.5488c-0.12781 0-0.25558 0.050503-0.35352 0.14844-0.19587 0.19587-0.19587 0.51116 0 0.70703l4.2422 4.2422c0.19587 0.19587 0.51116 0.19587 0.70703 0l4.2422-4.2422c0.19587-0.19587 0.19587-0.51116 0-0.70703s-0.51116-0.19587-0.70703 0l-3.8887 3.8887-3.8887-3.8887c-0.097934-0.097934-0.22571-0.14844-0.35352-0.14844z" fill="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.0755"/> 6 | </svg> 7 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/save-to-pocket.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <defs> 3 | <style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; }</style> 4 | </defs> 5 | <path d="m3 2c-1.108 0-2 0.892-2 2v4a7 7 0 0 0 7 7 7 7 0 0 0 7-7v-4c0-1.108-0.892-2-2-2h-10zm0 1h10c0.554 0 1 0.446 1 1v4a6 6 0 0 1-6 6 6 6 0 0 1-6-6v-4c0-0.554 0.446-1 1-1zm0.75781 2.5488c-0.12781 0-0.25558 0.050503-0.35352 0.14844-0.19587 0.19587-0.19587 0.51116 0 0.70703l4.2422 4.2422c0.19587 0.19587 0.51116 0.19587 0.70703 0l4.2422-4.2422c0.19587-0.19587 0.19587-0.51116 0-0.70703-0.19587-0.19587-0.51116-0.19587-0.70703 0l-3.8887 3.8887-3.8887-3.8887c-0.097934-0.097934-0.22571-0.14844-0.35352-0.14844z" fill="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.0755"/> 6 | </svg> 7 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/security-broken-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <defs> 3 | <style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; }</style> 4 | </defs> 5 | <path class="ColorScheme-Text" d="m8 0c-2.216 0-4 1.784-4 4v2h1v-2c0-1.662 1.338-3 3-3s3 1.338 3 3v2h1v-2c0-2.216-1.784-4-4-4z" fill="currentColor" opacity=".35"/> 6 | <path class="ColorScheme-Text" d="m4 6c-1.108 0-2 0.892-2 2v5c0 1.108 0.892 2 2 2h8c1.108 0 2-0.892 2-2v-5c0-1.108-0.892-2-2-2h-8zm0 1h8c0.554 0 1 0.446 1 1v5c0 0.554-0.446 1-1 1h-8c-0.554 0-1-0.446-1-1v-5c0-0.554 0.446-1 1-1z" fill="currentColor" opacity=".35"/> 7 | <rect transform="rotate(45)" x="1.3137" y="-.5" width="20" height="1" rx="0" ry="0" class="ColorScheme-Text" fill="currentColor"/> 8 | </svg> 9 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/security-warning-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <defs> 3 | <style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; }</style> 4 | </defs> 5 | <path class="ColorScheme-Text" d="m8 0c-2.216 0-4 1.784-4 4v2h1v-2c0-1.662 1.338-3 3-3s3 1.338 3 3v2h1v-2c0-2.216-1.784-4-4-4z" color="#363636" fill="currentColor"/> 6 | <path class="ColorScheme-Text" d="m4 6c-1.108 0-2 0.892-2 2v5c0 1.108 0.892 2 2 2h3.2676a5.5 5.5 0 0 1-0.6543-1h-2.6133c-0.554 0-1-0.446-1-1v-5c0-0.554 0.446-1 1-1h4.3574a5.5 5.5 0 0 1 3.1426-1h-7.5zm7.5 0a5.5 5.5 0 0 1 0.025391 0.0019531v-0.0019531h-0.025391z" color="#363636" fill="currentColor"/> 7 | <path d="m11.5 7a4.5 4.5 0 0 0-4.5 4.5 4.5 4.5 0 0 0 4.5 4.5 4.5 4.5 0 0 0 4.5-4.5 4.5 4.5 0 0 0-4.5-4.5zm0 1c0.277 0 0.5 0.223 0.5 0.5v4c0 0.277-0.223 0.5-0.5 0.5s-0.5-0.223-0.5-0.5v-4c0-0.277 0.223-0.5 0.5-0.5zm0 6a0.5 0.5 0 0 1 0.5 0.5 0.5 0.5 0 0 1-0.5 0.5 0.5 0.5 0 0 1-0.5-0.5 0.5 0.5 0 0 1 0.5-0.5z" fill="#363636" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.6" style="paint-order:stroke fill markers"/> 8 | </svg> 9 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/star-symbolic.svg: -------------------------------------------------------------------------------- 1 | <svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg"> 2 | <title>Gnome Symbolic Icons 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/starred-symbolic.svg: -------------------------------------------------------------------------------- 1 | 2 | Gnome Symbolic Icons 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/tab-new-symbolic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/toggle-right-sidebar-symbolic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/toggle-sidebar-symbolic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/tracking-protection-animatable.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/tracking-protection.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/user-home-symbolic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/user-not-tracked-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/user-not-tracked.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/view-fullscreen-symbolic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/view-more-horizontal-symbolic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/view-refresh-symbolic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/view-restore-symbolic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/window-close-symbolic-light.svg: -------------------------------------------------------------------------------- 1 | 2 | Gnome Symbolic Icons 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/window-close-symbolic.svg: -------------------------------------------------------------------------------- 1 | 2 | Gnome Symbolic Icons 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/window-maximize-symbolic.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 16 | 18 | image/svg+xml 19 | 21 | Gnome Symbolic Icons 22 | 24 | 25 | 27 | 29 | 31 | 33 | 35 | 37 | 39 | 40 | 41 | 42 | Gnome Symbolic Icons 44 | 46 | 49 | 52 | 55 | 58 | 61 | 64 | 67 | 70 | 73 | 76 | 80 | 81 | 82 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/window-minimize-symbolic.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 16 | 18 | image/svg+xml 19 | 21 | Gnome Symbolic Icons 22 | 24 | 25 | 27 | 29 | 31 | 33 | 35 | 37 | 39 | 40 | 41 | 42 | Gnome Symbolic Icons 44 | 46 | 49 | 52 | 55 | 58 | 61 | 64 | 67 | 70 | 73 | 76 | 80 | 81 | 82 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/window-new-symbolic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/zoom-in-symbolic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/WhiteSur/icons/zoom-out-symbolic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/WhiteSur/matching-autocomplete-width.css: -------------------------------------------------------------------------------- 1 | @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 2 | 3 | /* 4 | This feature is included by default for Firefox 70+ 5 | */ 6 | 7 | /************************************************************************************** 8 | *********************************** FIREFOX 68 **************************************** 9 | **************************************************************************************/ 10 | /* Set popover size and position */ 11 | panel#urlbar-results { 12 | --box-width: calc(100vw - var(--item-padding-start) - var(--item-padding-end) + 8px); 13 | --fixed-widths: calc((6px + 16px + 6px) + (16px + 9px) + 11px); 14 | box-sizing: border-box; 15 | border-radius: 9px; 16 | margin-left: 0 !important; 17 | margin-top: 0 !important; 18 | max-width: var(--box-width) !important; 19 | } 20 | 21 | /* Style as regular popover */ 22 | panel#urlbar-results { 23 | background: var(--gnome-popover-background) !important; 24 | border: 1px solid !important; 25 | border-color: var(--gnome-popover-border-color) !important; 26 | border-radius: 9px; 27 | color: var(--gnome-toolbar-color) !important; 28 | padding: 8px; 29 | } 30 | 31 | /* Results box */ 32 | #urlbarView-results { 33 | --item-padding-start: 0 !important; 34 | --item-padding-end: 0 !important; 35 | max-height: 35vh !important; 36 | overflow-x: auto; 37 | max-width: calc(var(--box-width) - 18px) !important; 38 | } 39 | 40 | /* Search panel */ 41 | .search-one-offs { 42 | width: 100%; 43 | --item-padding-start: 0 !important; 44 | --item-padding-end: 0 !important; 45 | } 46 | .search-panel-one-offs-header, .search-panel-one-offs { 47 | background: transparent !important; 48 | border: 0 !important; 49 | } 50 | panel#urlbar-results.search-panel-one-offs-header { 51 | border-top: 1px solid var(--gnome-popover-separator-color) !important; 52 | } 53 | 54 | /* Search engines buttons */ 55 | .searchbar-engine-one-off-item:not(.dummy) { 56 | --toolbarbutton-active-background: transparent !important; 57 | --toolbarbutton-hover-background: transparent !important; 58 | } 59 | 60 | .searchbar-engine-one-off-item:not(.dummy) { 61 | -moz-appearance: none !important; 62 | --toolbarbutton-active-background: transparent !important; 63 | --toolbarbutton-hover-background: transparent !important; 64 | -moz-appearance: none !important; 65 | background: var(--gnome-button-background) !important; 66 | box-shadow: var(--gnome-button-box-shadow) !important; 67 | border: 1px solid var(--gnome-button-border-color) !important; 68 | border-left-width: 0 !important; 69 | border-bottom-color: var(--gnome-button-border-accent-color) !important; 70 | padding: 0 2px !important; 71 | min-height: 34px !important; 72 | min-width: 34px !important; 73 | margin: 0 !important; 74 | } 75 | .searchbar-engine-one-off-item:hover, .searchbar-engine-one-off-item[selected] { 76 | background: var(--gnome-button-hover-background) !important; 77 | color: unset !important; 78 | } 79 | .searchbar-engine-one-off-item:first-child { 80 | border-radius: 5px 0 0 5px; 81 | border-left-width: 1px !important; 82 | } 83 | .searchbar-engine-one-off-item.last-engine, .searchbar-engine-one-off-item:last-child { 84 | border-radius: 0 5px 5px 0; 85 | } 86 | .searchbar-engine-one-off-item.dummy { 87 | display: none !important; 88 | } 89 | .searchbar-engine-one-off-item:not(.last-row) { 90 | box-sizing: border-box !important; 91 | } 92 | #urlbar-anon-search-settings-compact { 93 | border-left-width: 1px !important; 94 | border-bottom: 1px solid var(--gnome-button-border-accent-color) !important; 95 | border-radius: 5px; 96 | margin-left: 6px !important; 97 | } 98 | 99 | /* Convert search engines icons to symbolic */ 100 | #urlbar-results .searchbar-engine-one-off-item:not(.search-setting-button-compact) .button-icon { 101 | filter: var(--gnome-convert-icon-to-symbolic-hack-filter); 102 | } 103 | 104 | /************************************************************************************** 105 | ********************************** FIREFOX 60-67 ************************************** 106 | **************************************************************************************/ 107 | /* TODO: Remove when FF =< 67 is deprecated */ 108 | #PopupAutoCompleteRichResult { 109 | margin-left: 0 !important; 110 | margin-top: -7px; 111 | } 112 | #PopupAutoCompleteRichResult { 113 | background: var(--gnome-popover-background) !important; 114 | border: 1px solid !important; 115 | border-color: var(--gnome-popover-border-color) !important; 116 | border-radius: 9px; 117 | box-shadow: var(--gnome-popover-shadow) !important; /* BUG: Not showing any shadow at all */ 118 | color: var(--gnome-toolbar-color) !important; 119 | padding: 8px !important; 120 | } 121 | #PopupAutoCompleteRichResult .autocomplete-richlistbox { 122 | --box-width: calc(100vw - var(--item-padding-start) - var(--item-padding-end) - 42px); 123 | max-width: var(--box-width); 124 | } 125 | #PopupAutoCompleteRichResult .autocomplete-richlistitem { 126 | padding-left: 0 !important; 127 | padding-right: 5px !important; 128 | border-inline-end-width: 0 !important; 129 | max-width: calc(var(--box-width) - 5px); 130 | display: flex; 131 | align-items: center; 132 | } 133 | /* Search panel */ 134 | #PopupAutoCompleteRichResult .search-panel-one-offs-header, #PopupAutoCompleteRichResult .search-panel-one-offs { 135 | background: transparent !important; 136 | border: 0 !important; 137 | } 138 | #PopupAutoCompleteRichResult .search-panel-one-offs-header { 139 | border-top: 1px solid var(--gnome-popover-separator-color) !important; 140 | } 141 | #PopupAutoCompleteRichResult .search-panel-one-offs { 142 | --item-padding-start: 0 !important; 143 | --item-padding-end: 0 !important; 144 | } 145 | /* Search engines buttons */ 146 | #PopupAutoCompleteRichResult .searchbar-engine-one-off-item:not(.dummy) { 147 | -moz-appearance: none !important; 148 | --toolbarbutton-active-background: transparent !important; 149 | --toolbarbutton-hover-background: transparent !important; 150 | background: var(--gnome-button-background) !important; 151 | box-shadow: var(--gnome-button-box-shadow); 152 | border-width: 1px 1px 1px 0; 153 | border-style: solid; 154 | border-color: var(--gnome-button-border-color) !important; 155 | border-bottom-color: var(--gnome-button-border-accent-color) !important; 156 | padding: 0 2px !important; 157 | height: 34px !important; 158 | color: var(--gnome-toolbar-color) !important; 159 | box-sizing: border-box !important; 160 | } 161 | #PopupAutoCompleteRichResult .searchbar-engine-one-off-item:hover, #PopupAutoCompleteRichResult .searchbar-engine-one-off-item[selected] { 162 | background: var(--gnome-button-hover-background) !important; 163 | color: unset !important; 164 | } 165 | #PopupAutoCompleteRichResult .searchbar-engine-one-off-item:first-child { 166 | border-radius: 5px 0 0 5px; 167 | border-left-width: 1px !important; 168 | } 169 | #PopupAutoCompleteRichResult .searchbar-engine-one-off-item.last-engine { 170 | border-radius: 0 5px 5px 0; 171 | } 172 | #PopupAutoCompleteRichResult .searchbar-engine-one-off-item.dummy { 173 | display: none !important; 174 | } 175 | #PopupAutoCompleteRichResult .searchbar-engine-one-off-item:not(.last-row) { 176 | box-sizing: border-box !important; 177 | } 178 | -------------------------------------------------------------------------------- /chrome/WhiteSur/parts/buttons-fixes.css: -------------------------------------------------------------------------------- 1 | /* Buttons Issues/Glitches fixes */ 2 | @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; 3 | 4 | /* Overrides: Make the back button the same as other buttons */ 5 | :root:not([uidensity=compact]) #back-button { 6 | border-radius: var(--toolbarbutton-border-radius) !important; 7 | } 8 | 9 | :root:not([uidensity=compact]) #back-button>.toolbarbutton-icon { 10 | background-color: unset !important; 11 | border: unset !important; 12 | width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important; 13 | height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important; 14 | padding: var(--toolbarbutton-inner-padding) !important; 15 | border-radius: var(--toolbarbutton-border-radius); 16 | box-shadow: none !important; 17 | } 18 | 19 | :root:not([uidensity=compact]) #back-button:not([disabled]):not([open]):hover>.toolbarbutton-icon { 20 | background-color: var(--toolbarbutton-hover-background) !important; 21 | box-shadow: unset; 22 | border-color: unset; 23 | } 24 | 25 | :root:not([uidensity=compact]) #back-button[open]>.toolbarbutton-icon, 26 | :root:not([uidensity=compact]) #back-button:not([disabled]):hover:active>.toolbarbutton-icon { 27 | background-color: var(--toolbarbutton-active-background) !important; 28 | border-color: unset; 29 | } 30 | 31 | /* Remove the header bar buttons' hover styles */ 32 | #nav-bar { 33 | --toolbarbutton-active-background: transparent !important; 34 | --toolbarbutton-hover-background: transparent !important; 35 | } 36 | 37 | /* Glitch customizing: Cut / Copy / Paste buttons' icons 38 | * :not(#hack) is there just to elevate rule priority */ 39 | :root[customizing] #nav-bar>hbox toolbaritem toolbarbutton image:not(#hack) { 40 | opacity: 1 !important; 41 | } 42 | 43 | /* Glitch customizing: Reload and Cut / Copy / Paste buttons */ 44 | :root:-moz-window-inactive[customizing] #nav-bar #stop-reload-button toolbarbutton, 45 | :root:-moz-window-inactive[customizing] #nav-bar #edit-controls toolbarbutton { 46 | background-image: var(--gnome-inactive-button-background); 47 | box-shadow: var(--gnome-inactive-button-box-shadow); 48 | 49 | } 50 | 51 | /* Glitch customizing: Reload and Cut / Copy / Paste buttons' icons */ 52 | :root:-moz-window-inactive[customizing] #nav-bar #stop-reload-button image.toolbarbutton-icon, 53 | :root:-moz-window-inactive[customizing] #nav-bar #edit-controls image.toolbarbutton-icon { 54 | opacity: .7 !important; 55 | } 56 | 57 | /* Glitch: Overflow and Burger buttons 58 | * :not(#hack) is there just to elevate rule priority */ 59 | :root[customizing] #nav-bar>toolbarbutton[disabled]:not(#hack), 60 | :root[customizing] #nav-bar>toolbaritem>toolbarbutton[disabled]:not(#hack) { 61 | opacity: .5 !important; 62 | } 63 | 64 | /* Glitch: Overflow button's icon */ 65 | :root[customizing] #nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled] image { 66 | fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important; 67 | } 68 | 69 | /* Bookmark buttons */ 70 | #nav-bar toolbarbutton.bookmark-item { 71 | width: auto !important; 72 | } 73 | 74 | #nav-bar toolbarbutton.bookmark-item .toolbarbutton-icon { 75 | margin-left: 6px; 76 | } 77 | 78 | #nav-bar toolbarbutton.bookmark-item .toolbarbutton-text { 79 | padding-right: 6px; 80 | } 81 | 82 | /* Remove Burger button's left separator */ 83 | #PanelUI-button { 84 | border: 0 !important; 85 | margin: 0 !important; 86 | padding-inline-start: 0 !important; 87 | } 88 | 89 | /* Space main menu button from other headerbar buttons 90 | #nav-bar #PanelUI-menu-button:not(#hack) { 91 | margin-left: 10px !important; 92 | }*/ 93 | 94 | /* Fix library animation */ 95 | #library-animatable-box { 96 | --library-button-height: 46px !important; 97 | --library-icon-x: 1716px !important; 98 | /*--library-icon-x: 1715.9833984375px !important;*/ 99 | } 100 | 101 | #library-button[animate]>.toolbarbutton-icon { 102 | fill: transparent !important; 103 | } 104 | 105 | /* Fix toolbars close icons */ 106 | .close-icon:not(.tab-close-button) image { 107 | height: 16px !important; 108 | width: 16px !important; 109 | margin: 6px !important; 110 | } 111 | 112 | /* */ 113 | #appMenu-popup .panel-banner-item[notificationid="update-restart"]::after { 114 | display: none !important; 115 | } 116 | 117 | /* Identity site popover buttons */ 118 | .identity-popup-preferences-button:not(#hack) { 119 | list-style-image: url("chrome://browser/skin/settings.svg") !important; 120 | } 121 | 122 | #tracking-protection-preferences-button>.toolbarbutton-text { 123 | padding-inline-end: 0 !important; 124 | } 125 | 126 | .protections-popup-footer-button-label { 127 | margin-inline-start: 3px !important; 128 | } 129 | 130 | /* Fix findbar buttons issues */ 131 | .findbar-container .findbar-find-previous image, 132 | .findbar-container .findbar-find-next image { 133 | margin: 6px !important; 134 | opacity: 1 !important; 135 | } 136 | 137 | .findbar-container toolbarbutton:focus { 138 | outline: 0 !important; 139 | } 140 | 141 | /* Sidebar header button reset font size */ 142 | #sidebar-header, 143 | #sidebar-search-container, 144 | #bookmarksPanel, 145 | #history-panel, 146 | #bookmarks-view-children, 147 | #historyTree { 148 | font-size: 0.9em !important; 149 | background-color: var(--gnome-sidebar-background) !important; 150 | color: var(--gnome-sidebar-color) !important; 151 | } 152 | 153 | /* Sidebar header button arrow opacity */ 154 | #sidebar-switcher-arrow { 155 | opacity: 1 !important; 156 | } 157 | 158 | /* Sidebar history view */ 159 | #viewButton { 160 | margin: 0 !important; 161 | margin-inline-start: 6px !important; 162 | } 163 | 164 | /* Menulist */ 165 | menulist { 166 | -moz-appearance: none !important; 167 | } 168 | 169 | #identity-popup-popup-menulist { 170 | margin-right: 0 !important; 171 | } 172 | 173 | /* Bookmarks editor buttons */ 174 | .expander-down image, 175 | .expander-up image { 176 | margin: 6px !important; 177 | } 178 | 179 | /* Identity popup tracking protection button */ 180 | .tracking-protection-button { 181 | margin-inline-end: 0 !important; 182 | } 183 | 184 | /* Identity popup delete permission button */ 185 | .identity-popup-permission-remove-button { 186 | opacity: 1 !important; 187 | } 188 | 189 | /* Identity popup expander button */ 190 | #identity-popup-security { 191 | align-content: center; 192 | } 193 | 194 | #identity-popup-security-expander { 195 | width: 34px !important; 196 | } 197 | 198 | #identity-popup-security-expander .button-icon { 199 | margin: 0 !important; 200 | } 201 | 202 | #tracking-protection-icon-container:hover:not([open="true"]), .identity-box-button:hover:not([open="true"]), .urlbar-page-action:not([disabled]):hover, #urlbar-go-button:hover, .search-go-button:hover, #identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:hover:not([open]){ 203 | --urlbar-box-hover-bgcolor: var(--gnome-button-hover-color) !important; 204 | } 205 | #identity-box[pageproxystate="valid"].extensionPage > .identity-box-button{ 206 | background:var(--gnome-button-active-background) !important; 207 | } 208 | #tracking-protection-icon-container[open="true"] .identity-box-button, 209 | .identity-box-button[open="true"], 210 | .identity-box-button:hover:active, 211 | #tracking-protection-icon-container:hover:active, #tracking-protection-icon-container[open="true"]{ 212 | background-color: var(--gnome-button-active-background) !important; 213 | } 214 | /* add safari warning color to security popup*/ 215 | #identity-popup[connection^="secure"] .identity-popup-security-connection .toolbarbutton-icon{ 216 | fill: var(--safari-safe-color) !important; 217 | } 218 | #identity-popup[connection="secure-cert-user-overridden"] .identity-popup-security-connection .toolbarbutton-icon, #identity-popup[connection="cert-error-page"] .identity-popup-security-connection .toolbarbutton-icon{ 219 | fill: var(--safari-warning-security) !important; 220 | } 221 | #identity-box[pageproxystate="valid"].chromeUI{ 222 | padding: 2px 0 !important; 223 | } -------------------------------------------------------------------------------- /chrome/WhiteSur/parts/csd.css: -------------------------------------------------------------------------------- 1 | GNOME CSD styles for headerbar on Firefox @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 2 | 3 | #main-window { 4 | -moz-appearance: -moz-window-titlebar !important; 5 | } 6 | 7 | 8 | /* Window buttons: at least 1 button */ 9 | @media (-moz-gtk-csd-minimize-button), 10 | (-moz-gtk-csd-maximize-button), 11 | (-moz-gtk-csd-close-button) { 12 | :root:not([inFullscreen]) #nav-bar { 13 | padding-right: 60px !important; 14 | } 15 | } 16 | 17 | /* Window buttons: at least 2 buttons */ 18 | @media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button), 19 | (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button), 20 | (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { 21 | :root:not([inFullscreen]) #nav-bar { 22 | padding-right: 70px !important; 23 | } 24 | } 25 | 26 | /* Window buttons: 3 buttons */ 27 | @media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { 28 | :root:not([inFullscreen]) #nav-bar { 29 | padding-right: 90px !important; 30 | } 31 | } 32 | 33 | /* Fullscreen headerbar padding for 1 button */ 34 | :root[inFullscreen] #nav-bar { 35 | padding-right: 40px !important; 36 | } 37 | 38 | /* Window buttons box */ 39 | :root:not([inFullscreen]) #TabsToolbar .titlebar-buttonbox-container, 40 | :root:not([inFullscreen]) #TabsToolbar-buttonbox-container { 41 | -moz-appearance: none !important; 42 | padding: 0 3px 0 4px; 43 | position: absolute !important; 44 | left: 2px; 45 | top: 18px; 46 | display: block !important; 47 | } 48 | :root[inFullscreen] #window-controls { 49 | -moz-appearance: none !important; 50 | padding: 0 3px 0 4px; 51 | position: absolute !important; 52 | left: 8px; 53 | display: block !important; 54 | top:10px !important; 55 | } 56 | 57 | 58 | /* Left window buttons */ 59 | @media (-moz-gtk-csd-reversed-placement) { 60 | :root:not([inFullscreen]) #nav-bar { 61 | padding-right: 3px !important; 62 | } 63 | 64 | /* Window buttons box */ 65 | :root #TabsToolbar .titlebar-buttonbox-container { 66 | padding: 0 3px 0 4px; 67 | left: 8px; 68 | right: auto; 69 | } 70 | 71 | 72 | /* Remove tabsbar titlebar blank spaces */ 73 | :root #TabsToolbar .titlebar-placeholder { 74 | display: none !important; 75 | } 76 | 77 | /* Prevent menubar from breaking */ 78 | :root #toolbar-menubar:not([inactive=true]) { 79 | height: 30px !important; 80 | margin-bottom: 8px; 81 | } 82 | 83 | /* Remove default style of titlebar */ 84 | :root #TabsToolbar { 85 | -moz-appearance: none !important; 86 | } 87 | 88 | /* Fix the issue when dragging tabs */ 89 | :root #navigator-toolbox[movingtab] #TabsToolbar { 90 | padding-bottom: 0 !important; 91 | } 92 | 93 | -------------------------------------------------------------------------------- /chrome/WhiteSur/parts/custom-icons.css: -------------------------------------------------------------------------------- 1 | /* Replace icons */ 2 | 3 | @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; 4 | 5 | /* Back button */ 6 | #nav-bar #back-button .toolbarbutton-icon { 7 | filter: var(--gnome-icons-hack-filter); 8 | list-style-image: url("moz-icon://stock/go-previous-symbolic?size=dialog") !important;; 9 | } 10 | 11 | /* Forward button */ 12 | #nav-bar #forward-button .toolbarbutton-icon { 13 | filter: var(--gnome-icons-hack-filter); 14 | list-style-image: url("moz-icon://stock/go-next-symbolic?size=dialog") !important; 15 | } 16 | 17 | /* Reload button */ 18 | /* Glitch - animations (may be possible to fix in about:config) 19 | #reload-button .toolbarbutton-icon { 20 | filter: var(--gnome-icons-hack-filter); 21 | list-style-image: url("moz-icon://stock/view-refresh-symbolic?size=dialog") !important; 22 | }*/ 23 | /* Reload button */ 24 | /* Glitch - animations (may be possible to fix in about:config) 25 | #stop-button .toolbarbutton-icon { 26 | filter: var(--gnome-icons-hack-filter); 27 | list-style-image: url("moz-icon://stock/process-stop-symbolic?size=dialog") !important; 28 | }*/ 29 | 30 | /* Downloads button */ 31 | /* Glitch - it swaps to the default one anyway 32 | #downloads-button { 33 | filter: var(--gnome-icons-hack-filter); 34 | list-style-image: url("moz-icon://stock/folder-download-symbolic?size=dialog") !important; 35 | } */ 36 | 37 | /* Downloads button */ 38 | /* Default is ok 39 | #PanelUI-menu-button { 40 | filter: var(--gnome-icons-hack-filter); 41 | list-style-image: url("moz-icon://stock/open-menu-symbolic?size=dialog") !important; 42 | } */ 43 | 44 | /* Popovers subview menu arrow */ 45 | .PanelUI-subView .subviewbutton-nav::after { 46 | content: "" !important; 47 | filter: var(--gnome-icons-hack-filter); 48 | background: url("moz-icon://stock/pan-start-symbolic?size=dialog"); 49 | background-size: contain; 50 | height: 16px; 51 | width: 16px; 52 | margin-top: -2px !important; 53 | } 54 | 55 | /* Popovers subview back button */ 56 | .subviewbutton-back { 57 | list-style-image: url("moz-icon://stock/pan-start-symbolic?size=dialog") !important; 58 | } 59 | .subviewbutton-back .toolbarbutton-icon { 60 | filter: var(--gnome-icons-hack-filter); 61 | } 62 | -------------------------------------------------------------------------------- /chrome/WhiteSur/parts/entries.css: -------------------------------------------------------------------------------- 1 | /* Entries */ 2 | 3 | @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; 4 | 5 | /* Entries */ 6 | #searchbar, 7 | #search-box, 8 | .findbar-textbox { 9 | -moz-appearance: none !important; 10 | background: var(--gnome-urlbar-background) !important; 11 | border: 1px solid var(--gnome-urlbar-border-color) !important; 12 | border-radius: 8px !important; 13 | box-shadow: none !important; 14 | color: var(--gnome-urlbar-color) !important; 15 | height: 28px !important; 16 | max-height: 28px !important; 17 | margin: 0 !important; 18 | padding: 6px !important; 19 | box-sizing: border-box; 20 | transition: all 100ms; 21 | } 22 | 23 | /* Entries focused */ 24 | #urlbar[breakout][breakout-extend], 25 | #searchbar:focus-within, 26 | #search-box[focused], 27 | .findbar-textbox[focused], 28 | .findbar-textbox:focus, 29 | #PopupSearchAutoComplete { 30 | outline: 2px solid var(--gnome-focused-urlbar-border-color) !important; 31 | outline-offset: -2px; 32 | -moz-outline-radius: 8px; 33 | transition: all 100ms; 34 | } 35 | 36 | /* Inactive window entries */ 37 | #searchbar:-moz-window-inactive, 38 | #search-box:-moz-window-inactive, 39 | .findbar-textbox:-moz-window-inactive { 40 | background: var(--gnome-inactive-urlbar-background) !important; 41 | border-color: var(--gnome-inactive-urlbar-border-color) !important; 42 | color: var(--gnome-inactive-urlbar-color) !important; 43 | } 44 | 45 | /* Entries combined */ 46 | .findbar-textbox:not(.minimal) { 47 | border-top-right-radius: 0 !important; 48 | border-bottom-right-radius: 0 !important; 49 | border-right-width: 0 !important; 50 | } 51 | .findbar-textbox:not(.minimal)[focused], .findbar-textbox:not(.minimal):focus { 52 | -moz-outline-radius: 8px 0 0 8px !important; 53 | } 54 | 55 | /* Entries fixes */ 56 | #urlbar-container, #search-container { 57 | padding: 0 !important; 58 | margin: 0 3px !important; 59 | min-height: 36px; 60 | } 61 | .urlbar-input-container { 62 | background: transparent !important; 63 | border: 0 !important; 64 | } 65 | #urlbar, #searchbar { 66 | margin: 0 3px !important; 67 | padding: 0 !important; 68 | } 69 | .searchbar-textbox { 70 | border: 0 !important; 71 | padding: 0 !important; 72 | margin: 0 !important; 73 | min-height: auto !important; 74 | } 75 | #searchbar > .searchbar-textbox[focused] .searchbar-search-button:not(#hack) { 76 | margin: 0 !important; 77 | } 78 | -------------------------------------------------------------------------------- /chrome/WhiteSur/parts/findbar.css: -------------------------------------------------------------------------------- 1 | /* Find bar */ 2 | 3 | @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; 4 | 5 | findbar { 6 | position: relative; 7 | } 8 | 9 | .findbar-container { 10 | width: calc(100% - 42px); 11 | height: auto !important; 12 | padding: 6px !important; 13 | display: flex; 14 | justify-content: center; 15 | position: relative; 16 | flex-direction: row; 17 | } 18 | 19 | hbox[anonid="findbar-textbox-wrapper"] { 20 | position: absolute; 21 | right: calc(50vw - 36px); 22 | transform: translate(50%, 0); 23 | display: flex !important; 24 | } 25 | 26 | .findbar-find-status, 27 | .found-matches { 28 | order: -1; 29 | padding: 7px 0; 30 | } 31 | 32 | .findbar-find-status { 33 | padding-left: 6px; 34 | flex: 1; 35 | } 36 | 37 | .findbar-closebutton { 38 | margin: 6px !important; 39 | padding: 0 0 !important; 40 | border-radius: 100px !important; 41 | } 42 | 43 | .findbar-closebutton:hover { 44 | background-color: var(--whitesur-button-hover-color) !important; 45 | } 46 | 47 | .findbar-closebutton:hover:active { 48 | background-color: var(--whitesur-button-active-color) !important; 49 | } 50 | 51 | @media (max-width: 1100px) { 52 | hbox[anonid="findbar-textbox-wrapper"] { 53 | position: relative; 54 | right: 0; 55 | transform: none; 56 | } 57 | 58 | .findbar-find-status, 59 | .found-matches { 60 | order: 0; 61 | } 62 | } -------------------------------------------------------------------------------- /chrome/WhiteSur/parts/headerbar-private-urlbar.css: -------------------------------------------------------------------------------- 1 | /* Private window header bar's URL bar */ 2 | 3 | @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 | 5 | :root[privatebrowsingmode="temporary"] #nav-bar toolbarspring:first-of-type:before { 6 | background: url("../icons/user-not-tracked.svg") no-repeat; 7 | background-size: contain; 8 | content: ""; 9 | display: block; 10 | position: absolute; 11 | width: 20px; 12 | height: 20px; 13 | top: 15px; 14 | opacity: 0.3; 15 | transform: translate(5px, 0); 16 | } 17 | 18 | :root[privatebrowsingmode="temporary"] #nav-bar toolbarspring:first-of-type:-moz-lwtheme-brighttext:before { 19 | background-image: url("../icons/user-not-tracked-dark.svg"); 20 | } 21 | 22 | @media (prefers-color-scheme: dark) { 23 | :root[privatebrowsingmode="temporary"] #nav-bar toolbarspring:first-of-type:before { 24 | background: url("../icons/user-not-tracked-dark.svg") no-repeat; 25 | background-size: contain; 26 | content: ""; 27 | display: block; 28 | position: absolute; 29 | width: 20px; 30 | height: 20px; 31 | top: 15px; 32 | opacity: 0.3; 33 | transform: translate(5px, 0); 34 | } 35 | } 36 | 37 | #TabsToolbar .private-browsing-indicator { 38 | display: none !important; 39 | } 40 | -------------------------------------------------------------------------------- /chrome/WhiteSur/parts/headerbar-urlbar.css: -------------------------------------------------------------------------------- 1 | /* Header bar's URL bar */ 2 | 3 | @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; 4 | 5 | #urlbar { 6 | --urlbar-height: 30.00px !important; 7 | --urlbar-toolbar-height: 30.00px !important; 8 | } 9 | #urlbar, #searchbar { 10 | font-size: 1.2em !important; 11 | min-height: 28px !important; 12 | } 13 | /* Centre URL bar text input*/ 14 | #urlbar-input { 15 | transition: transform .1s linear; 16 | transform: translateX(50%); 17 | position: absolute; 18 | height:100%; 19 | width: 50%; 20 | text-align: center !important; 21 | } 22 | /* Unless text input is selected like safari*/ 23 | #urlbar[focused] #urlbar-input { 24 | position: absolute; 25 | transform: translateX(0); 26 | transition: all .2s ease; 27 | width: 100%; 28 | text-align: left !important; 29 | } 30 | 31 | /* Center the URL bar */ 32 | toolbarspring { 33 | max-width: 10000px !important; 34 | } 35 | 36 | /* URL bar */ 37 | #urlbar, #PopupSearchAutoComplete { 38 | box-shadow: none !important; 39 | background: var(--gnome-popover-background) !important; 40 | border-radius: 8px !important; 41 | opacity: 0.8 !important; 42 | filter: saturate(0%) !important; 43 | transition: opacity 0.4s !important; 44 | } 45 | #urlbar:hover, 46 | #urlbar[focused], 47 | #PopupSearchAutoComplete { 48 | opacity: 1 !important; 49 | filter: saturate(100%) !important; 50 | 51 | } 52 | #urlbar-background { 53 | box-shadow: none !important; 54 | border: 0 !important; 55 | background: transparent !important; 56 | border-radius: 8px !important; 57 | } 58 | 59 | #urlbar[breakout][breakout-extend] { 60 | top: 9.5px !important; 61 | width: var(--urlbar-width) !important; 62 | z-index: 5 !important; 63 | padding: 0 !important; 64 | } 65 | #urlbar[breakout][breakout-extend][open] { 66 | height: auto !important; 67 | max-height: unset !important; 68 | } 69 | #urlbar[breakout][breakout-extend] .urlbar-input-container { 70 | height: 32px !important; 71 | max-height: 32px !important; 72 | padding: 0 !important; 73 | } 74 | 75 | #urlbar[breakout][breakout-extend][open] #urlbar-background { 76 | box-shadow: var(--gnome-urlbar-box-shadow) !important; 77 | } 78 | 79 | /* URL bar results */ 80 | .urlbarView { 81 | background: transparent !important; 82 | color: var(--gnome-toolbar-color) !important; 83 | margin: 0 !important; 84 | width: 100% !important; 85 | } 86 | 87 | .urlbarView-body-outer { 88 | --item-padding-start: 0 !important; 89 | --item-padding-end: 0 !important; 90 | max-height: 40vh !important; 91 | overflow-x: auto; 92 | padding: 0 8px !important; 93 | } 94 | 95 | .urlbarView-body-inner { 96 | border: 0 !important; 97 | } 98 | 99 | .urlbarView-row-inner, .urlbarView-no-wrap { 100 | align-items: center !important; 101 | } 102 | .urlbarView-row-inner { 103 | padding-block: 5px !important; 104 | border-radius: 5px !important; 105 | } 106 | 107 | /* Search engines buttons */ 108 | .search-one-offs { 109 | margin-top: 6px !important; 110 | margin-bottom: 2px !important; 111 | padding: 8px !important; 112 | background: var(--gnome-popover-background) !important; 113 | border-top: 1px solid var(--gnome-entry-border-color) !important; 114 | border-radius: 0 0 5px 5px !important; 115 | } 116 | 117 | .searchbar-engine-one-off-item { 118 | --toolbarbutton-active-background: transparent !important; 119 | --toolbarbutton-hover-background: transparent !important; 120 | -moz-appearance: none !important; 121 | background: var(--gnome-button-background) !important; 122 | box-shadow: var(--gnome-button-box-shadow) !important; 123 | border: 1px solid var(--gnome-button-border-color) !important; 124 | border-left-width: 0 !important; 125 | border-bottom-color: var(--gnome-button-border-accent-color) !important; 126 | padding: 0 2px !important; 127 | min-height: 34px !important; 128 | min-width: 34px !important; 129 | margin: 0 !important; 130 | } 131 | .searchbar-engine-one-off-item:hover, .searchbar-engine-one-off-item[selected] { 132 | background: var(--gnome-button-hover-background) !important; 133 | color: unset !important; 134 | } 135 | .searchbar-engine-one-off-item:first-child { 136 | border-radius: 5px 0 0 5px; 137 | border-left-width: 1px !important; 138 | } 139 | .searchbar-engine-one-off-item.last-engine, .searchbar-engine-one-off-item:last-child { 140 | border-radius: 0 5px 5px 0; 141 | } 142 | 143 | #urlbar-anon-search-settings-compact { 144 | border-left-width: 1px !important; 145 | border-bottom: 1px solid var(--gnome-button-border-accent-color) !important; 146 | border-radius: 5px; 147 | margin-left: 6px !important; 148 | } 149 | 150 | /* URL bar and Search bar */ 151 | #urlbar[focused] .urlbar-textbox-container { 152 | margin: -1px !important; 153 | } 154 | #searchbar > .searchbar-textbox[focused] .searchbar-search-button { 155 | margin-left: -1px !important; 156 | } 157 | #searchbar > .searchbar-textbox[focused] .search-go-button { 158 | margin-right: -1px !important; 159 | } 160 | 161 | /* URL bar and Search bar's icons */ 162 | .urlbar-icon:hover, 163 | .urlbar-icon-wrapper:hover, 164 | .urlbar-icon[open], 165 | .urlbar-icon-wrapper[open], 166 | .urlbar-icon:hover:active, 167 | .urlbar-icon-wrapper:hover:active, 168 | .searchbar-search-button:hover .searchbar-search-icon, 169 | .searchbar-search-button[open] .searchbar-search-icon, 170 | .searchbar-search-button:hover:active .searchbar-search-icon { 171 | background-color: transparent !important; 172 | fill-opacity: 1 !important; 173 | } 174 | .urlbar-icon { 175 | height: 16px !important; 176 | width: 16px !important; 177 | margin:auto !important; 178 | } 179 | .search-go-button:hover, #urlbar-go-button.urlbar-icon:hover{ 180 | background-color: var(--urlbar-box-hover-bgcolor) !important; 181 | } 182 | /* fix size of search arrow */ 183 | .urlbar-page-action, #urlbar-go-button, .search-go-button { 184 | padding: 1px !important; 185 | } 186 | /* Fix for firefox v92 onwards that changed icon size on MacOS*/ 187 | .urlbar-page-action { 188 | padding: inherit !important; 189 | } 190 | 191 | /* Extention mod to hide when text is selected.*/ 192 | #identity-box.extensionPage { 193 | height: 32px; 194 | bottom: 2px; 195 | } 196 | .searchbar-search-button[open] #idenity-box.extensionPage #identity-permission-box, 197 | .searchbar-search-button:hover:active #idenity-box.extensionPage #identity-permission-box, 198 | #identity-box.extensionPage #identity-permission-box, 199 | #urlbar[usertyping] #identity-box.extensionPage #identity-permission-box, 200 | #urlbar:is([focused], [open]) #identity-box.extensionPage #identity-permission-box{ 201 | visibility: collapse; 202 | } 203 | #urlbar[focused] #identity-box[pageproxystate="valid"].extensionPage > .identity-box-button{ 204 | background-color: transparent !important; 205 | } 206 | #urlbar[focused] #identity-box[pageproxystate="valid"].extensionPage #identity-icon-box #identity-icon { 207 | list-style-image: url(chrome://global/skin/icons/search-glass.svg) !important; 208 | } 209 | #urlbar[focused] #identity-box[pageproxystate="valid"].extensionPage #identity-icon-box #identity-icon-label{ 210 | display:none !important; 211 | } 212 | /* extension mod end */ 213 | -------------------------------------------------------------------------------- /chrome/WhiteSur/parts/headerbar.css: -------------------------------------------------------------------------------- 1 | /* Header bar */ 2 | @import "headerbar-urlbar.css"; 3 | @import "headerbar-private-urlbar.css"; 4 | @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; 5 | 6 | /* Headerbar */ 7 | #nav-bar { 8 | padding: 8px 16px 8px 86px !important; 9 | } 10 | 11 | /* Headerbar CSD colors */ 12 | :root[tabsintitlebar] #nav-bar { 13 | background: var(--gnome-headerbar-background) !important; 14 | border: none !important; 15 | border-bottom: none !important; 16 | box-shadow: var(--gnome-headerbar-box-shadow) !important; 17 | } 18 | 19 | :root[tabsintitlebar] #nav-bar:-moz-window-inactive { 20 | background: var(--gnome-inactive-headerbar-background) !important; 21 | box-shadow: var(--gnome-inactive-headerbar-box-shadow) !important; 22 | } 23 | 24 | /* Headerbar buttons */ 25 | #nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not(.toolbarbutton-1) { 26 | border: none !important; 27 | box-shadow: none !important; 28 | background: none !important; 29 | -moz-appearance: none !important; 30 | border-radius: 8px !important; 31 | padding: 0 4px !important; 32 | min-height: 26px !important; 33 | min-width: 26px !important; 34 | color: var(--gnome-toolbar-color) !important; 35 | transition: background 200ms; 36 | } 37 | 38 | /* fix spacing for extensions 39 | toolbar .toolbarbutton-1{ 40 | margin: 0 8px !important; 41 | } 42 | .subviewbutton > .toolbarbutton-badge-stack { 43 | padding: 0 !important; 44 | } */ 45 | 46 | /* Hover headerbar buttons */ 47 | #nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled]):not([checked]):hover { 48 | outline: 0 !important; 49 | background: var(--gnome-headerbar-button-hover-background) !important; 50 | } 51 | 52 | 53 | /* Active headerbar buttons */ 54 | #nav-bar toolbarbutton:not(#allTabsMenu-searchTabs):not(.all-tabs-button):not(.all-tabs-secondary-button):not(#urlbar-zoom-button):not([disabled]):not(#hack):active, 55 | #nav-bar toolbarbutton:not(#allTabsMenu-searchTabs):not(.all-tabs-button):not(.all-tabs-secondary-button):not(#urlbar-zoom-button):not([disabled])[open], 56 | #nav-bar toolbarbutton:not(#allTabsMenu-searchTabs):not(.all-tabs-button):not(.all-tabs-secondary-button):not(#urlbar-zoom-button):not([disabled])[checked] { 57 | background: var(--gnome-headerbar-button-active-background) !important; 58 | } 59 | 60 | /* Buttons with margins */ 61 | #nav-bar toolbarbutton:not(#urlbar-zoom-button):not(#allTabsMenu-searchTabs) { 62 | margin: 0 2px !important; 63 | } 64 | 65 | #nav-bar #back-button:not(#hack), 66 | #nav-bar #forward-button:not(#hack) { 67 | padding: 0 4px !important; 68 | width: 32px !important; 69 | min-width: 32px !important; 70 | } 71 | 72 | #nav-bar #forward-button:not(#hack) { 73 | margin-left: 0 !important; 74 | } 75 | 76 | #nav-bar #back-button:not(#hack) { 77 | margin-right: 1px !important; 78 | } 79 | 80 | /* Headerbar entries */ 81 | #nav-bar #searchbar, 82 | #urlbar .urlbar-input-container { 83 | -moz-appearance: none !important; 84 | background: var(--gnome-urlbar-background) !important; 85 | border: 0 !important; 86 | box-shadow: inset 0 0 0 1px var(--gnome-hover-urlbar-border-color) !important; 87 | border-radius: 8px !important; 88 | color: var(--gnome-urlbar-color) !important; 89 | padding: 0 6px !important; 90 | height: 29px !important; 91 | max-height: 29px !important; 92 | transition: box-shadow 200ms; 93 | } 94 | 95 | #nav-bar-customization-target{ 96 | max-height: 36px !important; 97 | } 98 | 99 | #nav-bar #searchbar:hover, 100 | #urlbar .urlbar-input-container:hover { 101 | box-shadow: inset 0 0 0 2px var(--gnome-hover-urlbar-border-color) !important; 102 | transition-duration: 100ms; 103 | } 104 | 105 | #urlbar[breakout][breakout-extend] .urlbar-input-container, 106 | #urlbar[breakout][breakout-extend] .urlbar-input-container:hover { 107 | background: none !important; 108 | box-shadow: none !important; 109 | padding: 0 6px !important; 110 | } 111 | 112 | #nav-bar #searchbar:focus-within, 113 | #urlbar[focused] .urlbar-input-container { 114 | border: none !important; 115 | background: var(--gnome-urlbar-background) !important; 116 | box-shadow: inset 0 0 0 2px var(--gnome-focused-urlbar-highlight-color) !important; 117 | } -------------------------------------------------------------------------------- /chrome/WhiteSur/parts/popups.css: -------------------------------------------------------------------------------- 1 | /* Popup menus and context menus */ 2 | 3 | @import "popups-contents.css"; 4 | @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; 5 | 6 | /* Style menus */ 7 | menupopup { 8 | -moz-appearance: none !important; 9 | background: var(--gnome-menu-background) !important; 10 | border: 1px solid var(--gnome-menu-border-color) !important; 11 | border-radius: 8px !important; 12 | padding: 4px 0 !important; 13 | color: var(--gnome-toolbar-color) !important; 14 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important; 15 | } 16 | 17 | menupopup menupopup { 18 | margin: -5px 0 0 -4px; 19 | } 20 | 21 | menubar>menu>menupopup { 22 | border-top-left-radius: 0 !important; 23 | border-top-right-radius: 0 !important; 24 | } 25 | 26 | menuitem, 27 | menupopup menu { 28 | -moz-appearance: none !important; 29 | padding: 4px 8px !important; 30 | } 31 | 32 | menuitem[type="checkbox"] image, 33 | menuitem[type="radio"] image { 34 | visibility: visible !important; 35 | } 36 | 37 | menuitem[disabled="true"]:hover, 38 | menupopup menu[disabled="true"]:hover { 39 | background: transparent !important; 40 | } 41 | 42 | /* Adjust popovers position, includes background colour with transparency */ 43 | panel[type=arrow] { 44 | margin-top: 9px !important; 45 | max-height: 80vh !important; 46 | --panel-background: var(--gnome-popover-background) !important; 47 | font:inherit !important; 48 | } 49 | 50 | /* Style popovers */ 51 | .panel-arrowcontent .panel-arrowcontent, 52 | .panel-header, 53 | .PanelUI-subView, 54 | .panel-subview-body, 55 | #widget-overflow-mainView, 56 | #protections-popup-footer, 57 | panelview { 58 | border: 0 !important; 59 | background: transparent !important; 60 | } 61 | 62 | .panel-arrowcontent { 63 | --panel-background: var(--gnome-popover-background) !important; 64 | font:inherit !important; 65 | border-color: var(--gnome-popover-border-color) !important; 66 | border-radius: 9px !important; 67 | /* box-shadow: var(--gnome-popover-shadow) !important; */ 68 | padding: 12px !important; 69 | color: var(--gnome-toolbar-color) !important; 70 | } 71 | 72 | .panel-arrow { 73 | fill: var(--gnome-popover-background) !important; 74 | stroke: var(--gnome-popover-border-color) !important; 75 | } 76 | 77 | .PanelUI-subView toolbarseparator:not([orient="vertical"]) { 78 | margin: 10px 2px !important; 79 | } 80 | 81 | .panel-header { 82 | padding: 10px 0 10px 0 !important; 83 | } 84 | 85 | .panel-footer { 86 | background-color: transparent !important; 87 | display: flex; 88 | justify-content: flex-end; 89 | padding-top: 0px !important; 90 | } 91 | 92 | .panel-footer toolbarseparator { 93 | display: none !important; 94 | } 95 | 96 | .panel-subview-body { 97 | padding: 0 !important; 98 | } 99 | 100 | .panel-subview-footer { 101 | margin-top: 10px !important; 102 | } 103 | 104 | /* Style popovers menu buttons */ 105 | .subviewbutton:not(.subviewbutton-back), 106 | .toolbarbutton-1, 107 | .protections-popup-category, 108 | .protections-popup-category[disabled], 109 | .identity-popup-content-blocking-category { 110 | border-radius: 8px !important; 111 | color: var(--gnome-toolbar-color) !important; 112 | font: menu !important; 113 | } 114 | 115 | .subviewbutton:not(.subviewbutton-back), 116 | .protections-popup-category, 117 | .identity-popup-content-blocking-category { 118 | padding: 5px !important; 119 | } 120 | 121 | .subviewbutton[disabled], 122 | .toolbarbutton-1[disabled], 123 | .identity-popup-content-blocking-category[disabled] { 124 | opacity: 0.5 !important; 125 | color: var(--gnome-inactive-toolbar-color) !important; 126 | background: none !important; 127 | } 128 | 129 | .subviewbutton[shortcut]:after { 130 | opacity: 0.5 !important; 131 | } 132 | 133 | .subviewbutton:not([disabled]):hover, 134 | .toolbarbutton-1:not([disabled]):hover, 135 | .protections-popup-category:not([disabled]):hover, 136 | .identity-popup-content-blocking-category:not([disabled]):hover { 137 | background: var(--gnome-popover-button-hover-background) !important; 138 | } 139 | 140 | /* Style popover separators */ 141 | toolbarseparator, 142 | menuseparator { 143 | border-color: var(--gnome-popover-separator-color) !important; 144 | } 145 | 146 | toolbarseparator:not([orient="vertical"]) { 147 | margin: 8px 0 !important; 148 | } 149 | 150 | toolbarseparator[orient="vertical"] { 151 | margin: 0 3px !important; 152 | } 153 | #contentAreaContextMenu menuitem image, 154 | #contentAreaContextMenu menu image { 155 | visibility: visible !important; 156 | } 157 | /* Webchat e.g. google meet share screen display select*/ 158 | #webRTC-selectWindow-menulist{ 159 | color: var(--gnome-inactive-urlbar-color) !important; 160 | background: var(--gnome-button-hover-background) !important; 161 | border-radius: 5px; 162 | } 163 | /* Proton right click menu*/ 164 | @media (-moz-proton) { 165 | #context-navigation>.menuitem-iconic[_moz-menuactive="true"]:not([disabled="true"])>.menu-iconic-left>.menu-iconic-icon { 166 | background-color: transparent !important; 167 | } 168 | } 169 | 170 | /* fix padding for menu items*/ 171 | #appMenu-popup panelview, 172 | #PanelUI-fxa { 173 | padding: 8px !important; 174 | } 175 | /* fix menu button padding and alignment*/ 176 | #PanelUI-menu-button { 177 | padding-inline-end: 0px !important; 178 | padding-left: 0px !important; 179 | } 180 | /* Fix alignment of menu*/ 181 | panel[type="arrow"][side="top"], 182 | panel[type="arrow"][side="bottom"] { 183 | margin-inline: -20px !important; 184 | } 185 | 186 | /* Fix bookmarks v92 */ 187 | menuseparator { 188 | -moz-appearance: none !important; 189 | padding-top: 0px !important; 190 | padding-bottom: 0px !important; 191 | margin-top: 3px !important; 192 | margin-bottom: 2px !important; 193 | } 194 | menupopup>menuitem, 195 | menupopup>menu { 196 | padding-block: 2px !important; 197 | min-height: unset !important; 198 | } 199 | #PlacesToolbar menupopup, 200 | #PlacesToolbar menu:not([disabled], :active) { 201 | --arrowpanel-background: transparent !important; 202 | --arrowpanel-border-radius: 0px !important; 203 | } 204 | #PlacesToolbar menu:[_moz-menuactive], 205 | #PlacesToolbar menu:active, 206 | toolbarbutton.bookmark-item[open="true"] { 207 | background-color: var(--gnome-button-active-background) !important; 208 | } 209 | .bookmark-item:hover { 210 | background-color: var(--gnome-popover-button-hover-background) !important; 211 | 212 | } 213 | #PlacesToolbar menuitem:hover{ 214 | color: var(--gnome-button-menulist-color) !important; 215 | } 216 | 217 | #PlacesToolbar menupopup[placespopup="true"] { 218 | border: none !important; 219 | } 220 | #PlacesToolbar menupopup[placespopup="true"]::part(arrowscrollbox) { 221 | background: transparent !important; 222 | } 223 | .menupopup-arrowscrollbox{ 224 | background: transparent !important; 225 | border: 0 !important; 226 | } 227 | 228 | /* Update close button styling */ 229 | :root[dialogroot], :host(dialog) { 230 | --in-content-page-background: var(--gnome-menu-background) !important; 231 | } 232 | /* Cancel or secondary */ 233 | .dialog-button-box>button{ 234 | background-color: var(--gnome-button-active-background-alt) !important; 235 | color: var(--gnome-button-menulist-color) !important; 236 | border: 1px solid var(--gnome-button-active-background-alt-border); 237 | } 238 | xul|button:not([disabled="true"]):hover{ 239 | background-color: var(--gnome-button-active-background-alt-hover) !important; 240 | color: var(--gnome-button-menulist-color) !important; 241 | border: 1px solid var(--gnome-button-active-background-alt-border); 242 | border-color: var(--gnome-button-active-border-color) !important; 243 | } 244 | /* Quit or primary button */ 245 | xul|button[default]{ 246 | background-color: var(--gnome-button-suggested-action-background) !important; 247 | color: var(--gnome-button-menulist-color) !important; 248 | border-color: var(--gnome-button-suggested-action-border-color) !important; 249 | } 250 | xul|button[default]:not([disabled="true"]):hover{ 251 | background-color: var(--gnome-button-suggested-action-hover-background) !important; 252 | color: var(--gnome-button-menulist-color) !important; 253 | border-color: var(--gnome-button-suggested-action-border-color) !important; 254 | } 255 | button:focus-visible{ 256 | outline: 2px solid var(--theme-primary-color) !important; 257 | } 258 | /* checkbox */ 259 | .checkbox-check[checked]{ 260 | background-color: var(--theme-primary-color) !important; 261 | color: var(--theme-alt-color) !important; 262 | } 263 | checkbox:not([disabled="true"]):hover > .checkbox-check[checked] { 264 | background-color: var(--gnome-switch-active-background, color-mix(in srgb, currentColor 12.5%, var(--theme-primary-color))) !important; 265 | } 266 | browser[primary="true"][tabDialogShowing="true"], 267 | #main-window[window-modal-open="true"] > body > #browser{ 268 | filter: blur(5px) 269 | } -------------------------------------------------------------------------------- /chrome/WhiteSur/parts/remove-white-flash.css: -------------------------------------------------------------------------------- 1 | /* Removes a white flash after you open or close a tab. Affects all variants, 2 | * but it's more visible on dark variants. */ 3 | 4 | @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; 5 | 6 | /* Overrides: Change the flash color */ 7 | #tabbrowser-tabpanels, 8 | #tabbrowser-tabpanels[pendingpaint], 9 | browser { 10 | background-color: var(--gnome-browser-before-load-background) !important; 11 | } 12 | -------------------------------------------------------------------------------- /chrome/WhiteSur/parts/scrollbars.css: -------------------------------------------------------------------------------- 1 | /* Scrollbars hack */ 2 | 3 | @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; 4 | 5 | toolbarbutton#alltabs-button { 6 | -moz-binding: url("scrollbars.xml#js"); 7 | } 8 | 9 | #alltabs-button:not(#hack) { 10 | list-style-image: none !important; 11 | position: relative; 12 | } 13 | 14 | #alltabs-button:not(#hack) .toolbarbutton-icon { 15 | display: none !important; 16 | } 17 | #alltabs-button:not(#hack) .toolbarbutton-badge-stack { 18 | position: absolute; 19 | } 20 | 21 | #alltabs-button::before { 22 | position: relative; 23 | top: 2px; 24 | content: url("../icons/pan-down-symbolic.svg"); 25 | } 26 | @media (prefers-color-scheme: dark) { 27 | #alltabs-button::before { 28 | filter: invert(100%) brightness(200%); 29 | } 30 | } 31 | #alltabs-button:-moz-window-inactive::before { 32 | opacity: 0.7 !important; 33 | } 34 | -------------------------------------------------------------------------------- /chrome/WhiteSur/parts/scrollbars.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | var css = ` 3 | @namespace url(http: //www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); 4 | @namespace html url("http://www.w3.org/1999/xhtml"); 5 | 6 | /* Colours - can't be read from chrome CSS. Setting on :root doesn't work. */ 7 | :not(select):not(hbox) > scrollbar { 8 | --gnome-scrollbars-hover-bgcolor: rgba(192, 192, 192, 0.75); 9 | --gnome-scrollbars-hover-border-color: rgba(192, 192, 192, 0.75); 10 | --gnome-scrollbars-thumb-bgcolor: rgba(0, 0, 0, 0.32); 11 | --gnome-scrollbars-thumb-blend-mode: multiply; 12 | --gnome-scrollbars-thumb-outline: 1px solid rgba(255, 255, 255, 0.4); 13 | --gnome-scrollbars-thumb-hover-bgcolor: #75797a; 14 | --gnome-scrollbars-thumb-active-bgcolor: #4a90d9; 15 | } 16 | @media (prefers-color-scheme: dark) { 17 | :not(select):not(hbox) > scrollbar { 18 | --gnome-scrollbars-hover-bgcolor: rgba(29, 30, 31, 0.75); 19 | --gnome-scrollbars-hover-border-color: rgba(13, 17, 18, 0.75); 20 | --gnome-scrollbars-thumb-bgcolor: rgba(252, 254, 251, 0.58); 21 | --gnome-scrollbars-thumb-blend-mode: screen; 22 | --gnome-scrollbars-thumb-outline: 1px solid rgba(0, 0, 0, 0.4); 23 | --gnome-scrollbars-thumb-hover-bgcolor: #d4d5d4; 24 | --gnome-scrollbars-thumb-active-bgcolor: #15539e; 25 | } 26 | } 27 | 28 | /* All states */ 29 | :not(select):not(hbox) > scrollbar { 30 | -moz-appearance: none !important; 31 | position: relative; 32 | box-sizing: border-box !important; 33 | background-color: transparent; 34 | background-image: none; 35 | z-index: 1; 36 | pointer-events: auto; 37 | width: auto !important; 38 | border-style: solid !important; 39 | display: flex !important; 40 | justify-content: flex-end; 41 | transition: all 0.1s linear; 42 | } 43 | scrollbar[root="true"] { 44 | z-index: 2147483647 !important; 45 | } 46 | .panel-subview-body > scrollbar[orient="vertical"] { 47 | width: 16px !important; 48 | } 49 | :not(select):not(hbox) > scrollbar[orient="vertical"] { 50 | border-width: 0 0 0 1px; 51 | -moz-margin-start: -13px; 52 | } 53 | :not(select):not(hbox) > scrollbar[orient="horizontal"] { 54 | border-width: 1px 0 0 0; 55 | margin-top: -13px; 56 | } 57 | :not(select):not(hbox) > scrollbar thumb { 58 | -moz-appearance: none !important; 59 | mix-blend-mode: var(--gnome-scrollbars-thumb-blend-mode); 60 | /* Make handle edge-grabbable */ 61 | border: 3px solid transparent; 62 | background-clip: padding-box; 63 | border-radius: 6px; 64 | } 65 | :not(select):not(hbox) > scrollbar[orient="vertical"] thumb { 66 | min-height: 44px !important; 67 | } 68 | :not(select):not(hbox) > scrollbar[orient="horizontal"] thumb { 69 | min-width: 44px !important; 70 | } 71 | /* Unhovered */ 72 | :not(select):not(hbox) > scrollbar { 73 | background-color: transparent; 74 | border-color: transparent; 75 | } 76 | :not(select):not(hbox) > scrollbar[orient="vertical"] { 77 | padding: 0 1px 0 5px; 78 | margin-right: -3px; 79 | width: 0px !important; 80 | } 81 | :not(select):not(hbox) > scrollbar[orient="horizontal"] { 82 | padding: 5px 0 1px 0; 83 | margin-bottom: -3px; 84 | height: 16px !important; 85 | } 86 | :not(select):not(hbox) > scrollbar thumb { 87 | background-color: var(--gnome-scrollbars-thumb-bgcolor); 88 | outline: var(--gnome-scrollbars-thumb-outline); 89 | outline-offset: -3px; 90 | -moz-outline-radius: 3px; 91 | } 92 | /* Hovered scrollbar */ 93 | :not(select):not(hbox) > scrollbar:hover { 94 | background-color: var(--gnome-scrollbars-hover-bgcolor); 95 | border-color: var(--gnome-scrollbars-hover-border-color); 96 | } 97 | :not(select):not(hbox) > scrollbar:hover thumb { 98 | outline-width: 0; 99 | } 100 | :not(select):not(hbox) > scrollbar[orient="vertical"]:hover { 101 | padding: 0 1px 0 0; 102 | margin-right: -1px; 103 | width: 14px !important; 104 | } 105 | :not(select):not(hbox) > scrollbar[orient="horizontal"]:hover { 106 | padding: 0 0 1px 0; 107 | margin-bottom: -1px; 108 | height: 14px !important; 109 | } 110 | /* Hovered thumb */ 111 | :not(select):not(hbox) > scrollbar:hover thumb:hover { 112 | background-color: var(--gnome-scrollbars-thumb-hover-bgcolor); 113 | } 114 | /* Grabbed thumb */ 115 | :not(select):not(hbox) > scrollbar:hover thumb:active { 116 | background-color: var(--gnome-scrollbars-thumb-active-bgcolor); 117 | mix-blend-mode: normal; 118 | } 119 | `; 120 | 121 | var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService); 122 | var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css)); 123 | sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET) 124 | })(); 125 | 126 | -------------------------------------------------------------------------------- /chrome/WhiteSur/parts/scrollbars.xml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 8 | 9 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /chrome/WhiteSur/parts/titlebutton-dark.css: -------------------------------------------------------------------------------- 1 | @media (prefers-color-scheme: dark) { 2 | :root #TabsToolbar .titlebar-buttonbox .titlebar-close, 3 | :root #TabsToolbar #TabsToolbar-close { 4 | background: url("../titlebuttons/titlebutton-close-dark.svg") no-repeat; 5 | background-size: contain; 6 | } 7 | :root #TabsToolbar .titlebar-buttonbox .titlebar-max, 8 | :root #TabsToolbar #TabsToolbar-max { 9 | background: url("../titlebuttons/titlebutton-maximize-dark.svg") no-repeat; 10 | background-size: contain; 11 | } 12 | :root #TabsToolbar .titlebar-buttonbox .titlebar-min, 13 | :root #TabsToolbar #TabsToolbar-min { 14 | background: url("../titlebuttons/titlebutton-minimize-dark.svg") no-repeat; 15 | background-size: contain; 16 | } 17 | :root[sizemode="maximized"] #TabsToolbar .titlebar-buttonbox .titlebar-max, 18 | :root[sizemode="maximized"] #TabsToolbar #TabsToolbar-max { 19 | background: url("../titlebuttons/titlebutton-maximize-dark.svg") no-repeat; 20 | background-size: contain; 21 | } 22 | :root #TabsToolbar .titlebar-buttonbox:hover .titlebar-close, 23 | :root #TabsToolbar #TabsToolbar-close:hover { 24 | background: url("../titlebuttons/titlebutton-close-hover-inactive-dark.svg") no-repeat; 25 | background-size: contain; 26 | } 27 | :root #TabsToolbar .titlebar-buttonbox:hover .titlebar-max, 28 | :root #TabsToolbar #TabsToolbar-max:hover { 29 | background: url("../titlebuttons/titlebutton-maximize-hover-inactive-dark.svg") no-repeat; 30 | background-size: contain; 31 | } 32 | :root #TabsToolbar .titlebar-buttonbox:hover .titlebar-min, 33 | :root #TabsToolbar #TabsToolbar-min:hover { 34 | background: url("../titlebuttons/titlebutton-minimize-hover-inactive-dark.svg") no-repeat; 35 | background-size: contain; 36 | } 37 | :root #TabsToolbar .titlebar-buttonbox:hover .titlebar-close:hover, 38 | :root #TabsToolbar #TabsToolbar-close:hover { 39 | background: url("../titlebuttons/titlebutton-close-hover-dark.svg") no-repeat; 40 | background-size: contain; 41 | transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1); 42 | } 43 | :root #TabsToolbar .titlebar-buttonbox:hover .titlebar-max:hover, 44 | :root #TabsToolbar #TabsToolbar-max:hover { 45 | background: url("../titlebuttons/titlebutton-maximize-hover-dark.svg") no-repeat; 46 | background-size: contain; 47 | transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1); 48 | } 49 | :root #TabsToolbar .titlebar-buttonbox:hover .titlebar-min:hover, 50 | :root #TabsToolbar #TabsToolbar-min:hover { 51 | background: url("../titlebuttons/titlebutton-minimize-hover-dark.svg") no-repeat; 52 | background-size: contain; 53 | transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1); 54 | } 55 | :root[sizemode="maximized"] #TabsToolbar .titlebar-buttonbox:hover .titlebar-max, 56 | :root[sizemode="maximized"] #TabsToolbar #TabsToolbar-max:hover { 57 | background: url("../titlebuttons/titlebutton-unmaximize-hover-dark.svg") no-repeat; 58 | background-size: contain; 59 | } 60 | :root #TabsToolbar .titlebar-buttonbox:hover .titlebar-close:active, 61 | :root #TabsToolbar #TabsToolbar-close:active { 62 | background: url("../titlebuttons/titlebutton-close-active-dark.svg") no-repeat; 63 | background-size: contain; 64 | } 65 | :root #TabsToolbar .titlebar-buttonbox:hover .titlebar-max:active, 66 | :root #TabsToolbar #TabsToolbar-max:active { 67 | background: url("../titlebuttons/titlebutton-maximize-active-dark.svg") no-repeat; 68 | background-size: contain; 69 | } 70 | :root #TabsToolbar .titlebar-buttonbox:hover .titlebar-min:active, 71 | :root #TabsToolbar #TabsToolbar-min:active { 72 | background: url("../titlebuttons/titlebutton-minimize-active-dark.svg") no-repeat; 73 | background-size: contain; 74 | } 75 | :root[sizemode="maximized"] #TabsToolbar .titlebar-buttonbox:active .titlebar-max:active, 76 | :root[sizemode="maximized"] #TabsToolbar #TabsToolbar-max:active { 77 | background: url("../titlebuttons/titlebutton-unmaximize-active-dark.svg") no-repeat; 78 | background-size: contain; 79 | } 80 | :root #TabsToolbar:-moz-window-inactive .titlebar-buttonbox .titlebar-close, 81 | :root #TabsToolbar:-moz-window-inactive #TabsToolbar-close { 82 | background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat; 83 | background-size: contain; 84 | } 85 | :root #TabsToolbar:-moz-window-inactive .titlebar-buttonbox .titlebar-max, 86 | :root #TabsToolbar:-moz-window-inactive #TabsToolbar-max { 87 | background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat; 88 | background-size: contain; 89 | } 90 | :root #TabsToolbar:-moz-window-inactive .titlebar-buttonbox .titlebar-min, 91 | :root #TabsToolbar:-moz-window-inactive #TabsToolbar-min { 92 | background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat; 93 | background-size: contain; 94 | } 95 | :root[sizemode="maximized"] #TabsToolbar:-moz-window-inactive .titlebar-buttonbox .titlebar-max, 96 | :root[sizemode="maximized"] #TabsToolbar:-moz-window-inactive #TabsToolbar-max { 97 | background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat; 98 | background-size: contain; 99 | } 100 | :root #TabsToolbar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-close, 101 | :root #TabsToolbar:-moz-window-inactive #TabsToolbar-close:hover { 102 | background: url("../titlebuttons/titlebutton-close-backdrop-dark.svg") no-repeat; 103 | background-size: contain; 104 | } 105 | :root #TabsToolbar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max, 106 | :root #TabsToolbar:-moz-window-inactive #TabsToolbar-max:hover { 107 | background: url("../titlebuttons/titlebutton-maximize-backdrop-dark.svg") no-repeat; 108 | background-size: contain; 109 | } 110 | :root #TabsToolbar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-min, 111 | :root #TabsToolbar:-moz-window-inactive #TabsToolbar-min:hover { 112 | background: url("../titlebuttons/titlebutton-minimize-backdrop-dark.svg") no-repeat; 113 | background-size: contain; 114 | } 115 | :root[sizemode="maximized"] #TabsToolbar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max, 116 | :root[sizemode="maximized"] #TabsToolbar:-moz-window-inactive #TabsToolbar-max:hover { 117 | background: url("../titlebuttons/titlebutton-unmaximize-backdrop-dark.svg") no-repeat; 118 | background-size: contain; 119 | } 120 | :root[inFullscreen] #window-controls #restore-button { 121 | background: url("../titlebuttons/titlebutton-maximize-dark.svg") no-repeat; 122 | background-size: contain; 123 | } 124 | :root[inFullscreen] #window-controls #restore-button:hover { 125 | background: url("../titlebuttons/titlebutton-unmaximize-hover-dark.svg") no-repeat; 126 | background-size: contain; 127 | } 128 | :root[inFullscreen] #window-controls #restore-button:active { 129 | background: url("../titlebuttons/titlebutton-unmaximize-active-dark.svg") no-repeat; 130 | background-size: contain; 131 | } 132 | :root[inFullscreen] #window-controls:-moz-window-inactive #restore-button { 133 | background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat; 134 | background-size: contain; 135 | } 136 | } 137 | -------------------------------------------------------------------------------- /chrome/WhiteSur/parts/titlebutton-light.css: -------------------------------------------------------------------------------- 1 | :root #TabsToolbar .titlebar-buttonbox .titlebar-close, 2 | :root #TabsToolbar #TabsToolbar-close { 3 | background: url("../titlebuttons/titlebutton-close.svg") no-repeat; 4 | background-size: contain; 5 | } 6 | :root #TabsToolbar .titlebar-buttonbox .titlebar-max, 7 | :root #TabsToolbar #TabsToolbar-max { 8 | background: url("../titlebuttons/titlebutton-maximize.svg") no-repeat; 9 | background-size: contain; 10 | } 11 | :root #TabsToolbar .titlebar-buttonbox .titlebar-min, 12 | :root #TabsToolbar #TabsToolbar-min { 13 | background: url("../titlebuttons/titlebutton-minimize.svg") no-repeat; 14 | background-size: contain; 15 | } 16 | 17 | :root #TabsToolbar .titlebar-buttonbox .titlebar-restore, 18 | :root #TabsToolbar #TabsToolbar-restore, 19 | :root[sizemode="maximized"] #TabsToolbar .titlebar-buttonbox .titlebar-max, 20 | :root[sizemode="maximized"] #TabsToolbar #TabsToolbar-max { 21 | background: url("../titlebuttons/titlebutton-maximize.svg") no-repeat; 22 | background-size: contain; 23 | } 24 | :root #TabsToolbar .titlebar-buttonbox:hover .titlebar-close, 25 | :root #TabsToolbar #TabsToolbar-close:hover { 26 | background: url("../titlebuttons/titlebutton-close-hover-inactive.svg") no-repeat; 27 | background-size: contain; 28 | } 29 | :root #TabsToolbar .titlebar-buttonbox:hover .titlebar-max, 30 | :root #TabsToolbar #TabsToolbar-max:hover { 31 | background: url("../titlebuttons/titlebutton-maximize-hover-inactive.svg") no-repeat; 32 | background-size: contain; 33 | } 34 | :root #TabsToolbar .titlebar-buttonbox:hover .titlebar-min, 35 | :root #TabsToolbar #TabsToolbar-min:hover { 36 | background: url("../titlebuttons/titlebutton-minimize-hover-inactive.svg") no-repeat; 37 | background-size: contain; 38 | } 39 | /* Windows issue #63 */ 40 | :root #TabsToolbar #TabsToolbar-close:hover { 41 | background: url("../titlebuttons/titlebutton-close-hover.svg") no-repeat; 42 | background-size: contain; 43 | transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1); 44 | } 45 | :root #TabsToolbar #TabsToolbar-max:hover { 46 | background: url("../titlebuttons/titlebutton-maximize-hover.svg") no-repeat; 47 | background-size: contain; 48 | transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1); 49 | } 50 | :root #TabsToolbar #TabsToolbar-min:hover { 51 | background: url("../titlebuttons/titlebutton-minimize-hover.svg") no-repeat; 52 | background-size: contain; 53 | transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1); 54 | } 55 | :root #TabsToolbar .titlebar-buttonbox:hover .titlebar-restore, 56 | :root #TabsToolbar #TabsToolbar-restore:hover, 57 | :root[sizemode="maximized"] #TabsToolbar .titlebar-buttonbox:hover .titlebar-max, 58 | :root[sizemode="maximized"] #TabsToolbar #TabsToolbar-max:hover { 59 | background: url("../titlebuttons/titlebutton-unmaximize-hover.svg") no-repeat; 60 | background-size: contain; 61 | } 62 | :root #TabsToolbar .titlebar-buttonbox:hover .titlebar-close:active, 63 | :root #TabsToolbar #TabsToolbar-close:active { 64 | background: url("../titlebuttons/titlebutton-close-active.svg") no-repeat; 65 | background-size: contain; 66 | } 67 | :root #TabsToolbar .titlebar-buttonbox:hover .titlebar-max:active, 68 | :root #TabsToolbar #TabsToolbar-max:active { 69 | background: url("../titlebuttons/titlebutton-maximize-active.svg") no-repeat; 70 | background-size: contain; 71 | } 72 | :root #TabsToolbar .titlebar-buttonbox:hover .titlebar-min:active, 73 | :root #TabsToolbar #TabsToolbar-min:active { 74 | background: url("../titlebuttons/titlebutton-minimize-active.svg") no-repeat; 75 | background-size: contain; 76 | } 77 | :root #TabsToolbar .titlebar-buttonbox:active .titlebar-restore, 78 | :root #TabsToolbar #TabsToolbar-restore:active, 79 | :root[sizemode="maximized"] #TabsToolbar .titlebar-buttonbox:active .titlebar-max:active, 80 | :root[sizemode="maximized"] #TabsToolbar #TabsToolbar-max:active { 81 | background: url("../titlebuttons/titlebutton-unmaximize-active.svg") no-repeat; 82 | background-size: contain; 83 | } 84 | :root #TabsToolbar:-moz-window-inactive .titlebar-buttonbox .titlebar-close, 85 | :root #TabsToolbar:-moz-window-inactive #TabsToolbar-close { 86 | background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat; 87 | background-size: contain; 88 | } 89 | :root #TabsToolbar:-moz-window-inactive .titlebar-buttonbox .titlebar-max, 90 | :root #TabsToolbar:-moz-window-inactive #TabsToolbar-max { 91 | background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat; 92 | background-size: contain; 93 | } 94 | :root #TabsToolbar:-moz-window-inactive .titlebar-buttonbox .titlebar-min, 95 | :root #TabsToolbar:-moz-window-inactive #TabsToolbar-min { 96 | background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat; 97 | background-size: contain; 98 | } 99 | :root #TabsToolbar:-moz-window-inactive .titlebar-buttonbox .titlebar-restore, 100 | :root #TabsToolbar:-moz-window-inactive #TabsToolbar-restore, 101 | :root[sizemode="maximized"] #TabsToolbar:-moz-window-inactive .titlebar-buttonbox .titlebar-max, 102 | :root[sizemode="maximized"] #TabsToolbar:-moz-window-inactive #TabsToolbar-max { 103 | background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat; 104 | background-size: contain; 105 | } 106 | :root #TabsToolbar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-close, 107 | :root #TabsToolbar:-moz-window-inactive #TabsToolbar-close:hover { 108 | background: url("../titlebuttons/titlebutton-close-backdrop.svg") no-repeat; 109 | background-size: contain; 110 | } 111 | :root #TabsToolbar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max, 112 | :root #TabsToolbar:-moz-window-inactive #TabsToolbar-max:hover { 113 | background: url("../titlebuttons/titlebutton-maximize-backdrop.svg") no-repeat; 114 | background-size: contain; 115 | } 116 | :root #TabsToolbar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-min, 117 | :root #TabsToolbar:-moz-window-inactive #TabsToolbar-min:hover { 118 | background: url("../titlebuttons/titlebutton-minimize-backdrop.svg") no-repeat; 119 | background-size: contain; 120 | } 121 | :root[sizemode="maximized"] #TabsToolbar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max, 122 | :root[sizemode="maximized"] #TabsToolbar:-moz-window-inactive #TabsToolbar-max:hover { 123 | background: url("../titlebuttons/titlebutton-unmaximize-backdrop.svg") no-repeat; 124 | background-size: contain; 125 | } 126 | :root[inFullscreen] #window-controls #restore-button { 127 | background: url("../titlebuttons/titlebutton-maximize.svg") no-repeat; 128 | background-size: contain; 129 | } 130 | :root[inFullscreen] #window-controls #restore-button:hover { 131 | background: url("../titlebuttons/titlebutton-unmaximize-hover.svg") no-repeat; 132 | background-size: contain; 133 | } 134 | :root[inFullscreen] #window-controls #restore-button:active { 135 | background: url("../titlebuttons/titlebutton-unmaximize-active.svg") no-repeat; 136 | background-size: contain; 137 | } 138 | :root[inFullscreen] #window-controls:-moz-window-inactive #restore-button { 139 | background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat; 140 | background-size: contain; 141 | } 142 | -------------------------------------------------------------------------------- /chrome/WhiteSur/parts/toolbox.css: -------------------------------------------------------------------------------- 1 | /* Toolbox, a container for all toolbars (toolbox#navigator-toolbox): 2 | * - menu bar (toolbar#toolbar-menubar) 3 | * - tab bar (toolbar#TabsToolbar) 4 | * - header bar (toolbar#nav-bar) 5 | * - bookmark bar (toolbar#PersonalToolbar) 6 | * - add-ons can add their own toolbars (toolbar) */ 7 | 8 | @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; 9 | 10 | /* Toolbox colors */ 11 | #navigator-toolbox { 12 | border: 0 !important; 13 | background: none !important; 14 | } 15 | 16 | 17 | .toolbarbutton-icon { 18 | color: var(--gnome-toolbar-color); 19 | fill: var(--gnome-toolbar-color); 20 | } 21 | 22 | #nav-bar, 23 | #PersonalToolbar, 24 | #toolbar-menubar { 25 | border: 0 !important; 26 | color: var(--gnome-toolbar-color); 27 | background: var(--gnome-toolbar-background) !important; 28 | border-bottom: none !important; 29 | } 30 | 31 | #TabsToolbar { 32 | border: 0 !important; 33 | background: var(--gnome-tabstoolbar-background) !important; 34 | border-bottom: 1px solid var(--gnome-toolbar-border-color) !important; 35 | box-shadow: inset 0 1px var(--gnome-toolbar-border-color) !important; 36 | } 37 | 38 | findbar { 39 | border: 0 !important; 40 | background: var(--gnome-findbar-background) !important; 41 | border-bottom: 1px solid var(--gnome-toolbar-border-color) !important; 42 | } 43 | 44 | #nav-bar:-moz-window-inactive, 45 | #PersonalToolbar:-moz-window-inactive, 46 | #toolbar-menubar:-moz-window-inactive, 47 | #TabsToolbar:-moz-window-inactive, 48 | findbar:-moz-window-inactive { 49 | background: var(--gnome-inactive-toolbar-background) !important; 50 | } 51 | 52 | #navigator-toolbox:-moz-window-inactive label, 53 | #navigator-toolbox:-moz-window-inactive image, 54 | #downloads-indicator-anchor:-moz-window-inactive, 55 | findbar:-moz-window-inactive image:not(#hack), 56 | findbar:-moz-window-inactive label, 57 | #viewButton:-moz-window-inactive dropmarker { 58 | opacity: 0.7 !important; 59 | } 60 | 61 | #toolbar-menubar:not([inactive=true]) { 62 | margin-bottom: 0 !important; 63 | } 64 | 65 | #PersonalToolbar { 66 | padding: 2px 4px 0 4px !important; 67 | height: 32px !important; 68 | } 69 | 70 | /* Overrides: Remove border below the menu bar / above the header bar */ 71 | #TabsToolbar:not([collapsed="true"])+#nav-bar { 72 | border-top-width: 0 !important; 73 | } 74 | 75 | #navigator-toolbox::after { 76 | border-bottom-width: 0 !important; 77 | } 78 | 79 | /* Reorder toolbars */ 80 | #navigator-toolbox #nav-bar, 81 | findbar { 82 | order: 0; 83 | } 84 | 85 | #navigator-toolbox #PersonalToolbar { 86 | order: 1; 87 | } 88 | 89 | #navigator-toolbox #TabsToolbar { 90 | order: 2; 91 | } 92 | 93 | #navigator-toolbox toolbar { 94 | order: 10; 95 | } 96 | 97 | #navigator-toolbox #TabsToolbar { 98 | order: 100; 99 | } 100 | 101 | /* Overrides: Don't shift other toolbars on tab drag and drop */ 102 | #TabsToolbar[movingtab] { 103 | padding-bottom: 0 !important; 104 | } 105 | 106 | #TabsToolbar[movingtab]>.tabbrowser-tabs { 107 | padding-bottom: 0 !important; 108 | margin-bottom: 0 !important; 109 | } 110 | 111 | #TabsToolbar[movingtab]+#nav-bar { 112 | margin-top: 0 !important; 113 | } 114 | 115 | /* bookmark-item */ 116 | toolbarbutton.bookmark-item { 117 | padding: 0 4px !important; 118 | margin: 0 2px !important; 119 | border-radius: 3px !important; 120 | max-height: 20px !important; 121 | } 122 | 123 | /* Fix reload button animation overlap with icon */ 124 | #reload-button:not([displaystop])>.toolbarbutton-animatable-box>.toolbarbutton-animatable-image { 125 | animation-duration: 0s !important; 126 | } -------------------------------------------------------------------------------- /chrome/WhiteSur/parts/windows.css: -------------------------------------------------------------------------------- 1 | /* Windows specific */ 2 | @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; 3 | @media (-moz-platform: windows) { 4 | .titlebar-button { 5 | border: none; 6 | margin: 0 !important; 7 | /* padding: 3px 6px !important; 8 | */ 9 | padding: 1px 3px !important; 10 | -moz-content-properties: none !important; 11 | stroke: none !important; 12 | } 13 | 14 | :root[sizemode="maximized"] #TabsToolbar { 15 | appearance: none !important; 16 | } 17 | 18 | :root:not([sizemode="maximized"]) #TabsToolbar .titlebar-buttonbox-container { 19 | top: 17px !important; 20 | padding: 2px 0 0 8px !important; 21 | 22 | } 23 | :root[inFullscreen] #TabsToolbar .titlebar-buttonbox-container{ 24 | margin-top: -34px; 25 | margin-bottom: 44px !important; 26 | order: 0 !important; 27 | } 28 | 29 | tab { 30 | font-weight: normal !important; 31 | } 32 | 33 | :root[sizemode="maximized"] .titlebar-buttonbox { 34 | top: 1px; 35 | left: 10px; 36 | } 37 | 38 | .titlebar-buttonbox-container, #PanelUI-button { 39 | padding-top: 0 !important; 40 | } 41 | 42 | 43 | #TabsToolbar .titlebar-button.titlebar-close { 44 | order: -1; 45 | } 46 | 47 | .titlebar-button { 48 | background-color: transparent !important; 49 | } 50 | 51 | #nav-bar { 52 | padding-left: 75px !important; 53 | } 54 | 55 | .PanelUI-subView{ 56 | background: var(--gnome-menu-background) !important; 57 | } 58 | } 59 | -------------------------------------------------------------------------------- /chrome/WhiteSur/rounded-title-buttons.css: -------------------------------------------------------------------------------- 1 | /* Rounded title buttons (headerbar window controls) */ 2 | 3 | @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 4 | 5 | :root #TabsToolbarß .titlebar-button { 6 | border-radius: 100% !important; 7 | height: 30px !important; 8 | width: 30px !important; 9 | margin: 2px 5px !important; 10 | } 11 | -------------------------------------------------------------------------------- /chrome/WhiteSur/symbolic-tab-icons.css: -------------------------------------------------------------------------------- 1 | @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 2 | 3 | /* Icons light/dark fix coloring hack filters */ 4 | :root { 5 | --gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%) invert(100%); 6 | } 7 | @media (prefers-color-scheme: dark) { 8 | :root { 9 | --gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%); 10 | } 11 | } 12 | 13 | /* Make tab icons look kinda like symbolic icons */ 14 | tab .tab-icon-image { 15 | filter: var(--gnome-convert-icon-to-symbolic-hack-filter); 16 | } 17 | 18 | -------------------------------------------------------------------------------- /chrome/WhiteSur/system-icons.css: -------------------------------------------------------------------------------- 1 | @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 2 | 3 | /* Icons light/dark fix coloring hack filters */ 4 | :root { 5 | --gnome-icons-hack-filter: none; 6 | --gnome-window-icons-hack-filter: none; 7 | } 8 | @media (prefers-color-scheme: dark) { 9 | :root { 10 | --gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); 11 | --gnome-window-icons-hack-filter: invert(90%); 12 | } 13 | } 14 | 15 | /* Toolbars close button */ 16 | .close-icon:not(.tab-close-button) { 17 | list-style-image: url("moz-icon://stock/window-close-symbolic?size=dialog") !important; 18 | } 19 | .close-icon:not(.tab-close-button) image { 20 | filter: var(--gnome-window-icons-hack-filter) !important; 21 | } 22 | 23 | /* Navbar icons */ 24 | 25 | /* Back button */ 26 | #nav-bar #back-button .toolbarbutton-icon { 27 | filter: var(--gnome-icons-hack-filter); 28 | list-style-image: url("moz-icon://stock/go-previous-symbolic?size=dialog") !important; 29 | } 30 | /* Forward button */ 31 | #nav-bar #forward-button .toolbarbutton-icon { 32 | filter: var(--gnome-icons-hack-filter); 33 | list-style-image: url("moz-icon://stock/go-next-symbolic?size=dialog") !important; 34 | } 35 | /* Menu button */ 36 | #PanelUI-menu-button .toolbarbutton-icon { 37 | filter: var(--gnome-icons-hack-filter); 38 | list-style-image: url("moz-icon://stock/open-menu-symbolic?size=dialog") !important; 39 | } 40 | /* New tab button */ 41 | #new-tab-button .toolbarbutton-icon { 42 | filter: var(--gnome-icons-hack-filter); 43 | list-style-image: url("moz-icon://stock/tab-new-symbolic?size=dialog") !important; 44 | } 45 | /* Home button */ 46 | #home-button .toolbarbutton-icon { 47 | filter: var(--gnome-icons-hack-filter); 48 | list-style-image: url("moz-icon://stock/user-home-symbolic?size=dialog") !important; 49 | } 50 | /* Preferences button */ 51 | #preferences-button .toolbarbutton-icon { 52 | filter: var(--gnome-icons-hack-filter); 53 | list-style-image: url("moz-icon://stock/preferences-system-symbolic?size=dialog") !important; 54 | } 55 | /* Fullscreen button */ 56 | #fullscreen-button .toolbarbutton-icon { 57 | filter: var(--gnome-icons-hack-filter); 58 | list-style-image: url("moz-icon://stock/view-fullscreen-symbolic?size=dialog") !important; 59 | } 60 | /* Zoom out button */ 61 | #zoom-out-button .toolbarbutton-icon { 62 | filter: var(--gnome-icons-hack-filter); 63 | list-style-image: url("moz-icon://stock/zoom-out-symbolic?size=dialog") !important; 64 | } 65 | /* Zoom in button */ 66 | #zoom-in-button .toolbarbutton-icon { 67 | filter: var(--gnome-icons-hack-filter); 68 | list-style-image: url("moz-icon://stock/zoom-in-symbolic?size=dialog") !important; 69 | } 70 | /* Developer button */ 71 | #developer-button .toolbarbutton-icon { 72 | filter: var(--gnome-icons-hack-filter); 73 | list-style-image: url("moz-icon://stock/applications-engineering-symbolic?size=dialog") !important; 74 | } 75 | /* Email link button */ 76 | #email-link-button .toolbarbutton-icon { 77 | filter: var(--gnome-icons-hack-filter); 78 | list-style-image: url("moz-icon://stock/mail-unread-symbolic?size=dialog") !important; 79 | } 80 | /* Print button */ 81 | #print-button .toolbarbutton-icon { 82 | filter: var(--gnome-icons-hack-filter); 83 | list-style-image: url("moz-icon://stock/printer-symbolic?size=dialog") !important; 84 | } 85 | /* Addons button */ 86 | #add-ons-button .toolbarbutton-icon { 87 | filter: var(--gnome-icons-hack-filter); 88 | list-style-image: url("moz-icon://stock/application-x-addon-symbolic?size=dialog") !important; 89 | } 90 | /* Find button */ 91 | #find-button .toolbarbutton-icon { 92 | filter: var(--gnome-icons-hack-filter); 93 | list-style-image: url("moz-icon://stock/edit-find-symbolic?size=dialog") !important; 94 | } 95 | /* New window button */ 96 | #new-window-button .toolbarbutton-icon { 97 | filter: var(--gnome-icons-hack-filter); 98 | list-style-image: url("moz-icon://stock/window-new-symbolic?size=dialog") !important; 99 | } 100 | /* Bookmarks menu button */ 101 | #bookmarks-menu-button .toolbarbutton-icon { 102 | filter: var(--gnome-icons-hack-filter); 103 | list-style-image: url("moz-icon://stock/starred-symbolic?size=dialog") !important; 104 | } 105 | /* History button */ 106 | #history-panelmenu .toolbarbutton-icon { 107 | filter: var(--gnome-icons-hack-filter); 108 | list-style-image: url("moz-icon://stock/preferences-system-time-symbolic?size=dialog") !important; 109 | } 110 | /* All tabs button */ 111 | #alltabs-button { 112 | list-style-image: url("moz-icon://stock/pan-down-symbolic?size=dialog") !important; 113 | } 114 | #alltabs-button .toolbarbutton-icon { 115 | filter: var(--gnome-icons-hack-filter); 116 | } 117 | /* Cut button */ 118 | #cut-button .toolbarbutton-icon { 119 | filter: var(--gnome-icons-hack-filter); 120 | list-style-image: url("moz-icon://stock/edit-cut-symbolic?size=dialog") !important; 121 | } 122 | /* Copy button */ 123 | #copy-button .toolbarbutton-icon { 124 | filter: var(--gnome-icons-hack-filter); 125 | list-style-image: url("moz-icon://stock/edit-copy-symbolic?size=dialog") !important; 126 | } 127 | /* Paste button */ 128 | #paste-button .toolbarbutton-icon { 129 | filter: var(--gnome-icons-hack-filter); 130 | list-style-image: url("moz-icon://stock/edit-paste-symbolic?size=dialog") !important; 131 | } 132 | 133 | /* Navbar overflow button */ 134 | #nav-bar-overflow-button .toolbarbutton-icon { 135 | filter: var(--gnome-icons-hack-filter); 136 | list-style-image: url("moz-icon://stock/view-more-horizontal-symbolic?size=dialog") !important; 137 | } 138 | 139 | /* Context back button */ 140 | #context-back .menu-iconic-icon { 141 | filter: var(--gnome-icons-hack-filter); 142 | list-style-image: url("moz-icon://stock/go-previous-symbolic?size=dialog") !important; 143 | } 144 | /* Context forward button */ 145 | #context-forward .menu-iconic-icon { 146 | filter: var(--gnome-icons-hack-filter); 147 | list-style-image: url("moz-icon://stock/go-next-symbolic?size=dialog") !important; 148 | } 149 | 150 | /* Main menu buttons icons */ 151 | #appMenu-zoomReduce-button .toolbarbutton-icon { 152 | filter: var(--gnome-icons-hack-filter); 153 | list-style-image: url("moz-icon://stock/zoom-out-symbolic?size=dialog") !important; 154 | } 155 | #appMenu-zoomEnlarge-button .toolbarbutton-icon { 156 | filter: var(--gnome-icons-hack-filter); 157 | list-style-image: url("moz-icon://stock/zoom-in-symbolic?size=dialog") !important; 158 | } 159 | #appMenu-fullscreen-button .toolbarbutton-icon { 160 | filter: var(--gnome-icons-hack-filter); 161 | list-style-image: url("moz-icon://stock/view-fullscreen-symbolic?size=dialog") !important; 162 | } 163 | #appMenu-cut-button .toolbarbutton-icon { 164 | filter: var(--gnome-icons-hack-filter); 165 | list-style-image: url("moz-icon://stock/edit-cut-symbolic?size=dialog") !important; 166 | } 167 | #appMenu-copy-button .toolbarbutton-icon { 168 | filter: var(--gnome-icons-hack-filter); 169 | list-style-image: url("moz-icon://stock/edit-copy-symbolic?size=dialog") !important; 170 | } 171 | #appMenu-paste-button .toolbarbutton-icon { 172 | filter: var(--gnome-icons-hack-filter); 173 | list-style-image: url("moz-icon://stock/edit-paste-symbolic?size=dialog") !important; 174 | } 175 | 176 | -------------------------------------------------------------------------------- /chrome/WhiteSur/theme.css: -------------------------------------------------------------------------------- 1 | @import "parts/toolbox.css"; 2 | @import "parts/buttons.css"; 3 | @import "parts/entries.css"; 4 | @import "parts/headerbar.css"; 5 | @import "parts/csd.css"; 6 | @import "parts/titlebutton-light.css"; 7 | @import "parts/titlebutton-dark.css"; 8 | @import "parts/popups.css"; 9 | @import "parts/tabsbar.css"; 10 | @import "parts/findbar.css"; 11 | @import "parts/scrollbars.css"; 12 | @import "parts/remove-white-flash.css"; 13 | @import "parts/custom-icons.css"; 14 | @import "parts/icons.css"; 15 | @import "colors/light.css"; 16 | @import "colors/dark.css"; 17 | @import "parts/windows.css"; 18 | /* Add Custom themes so user only needs to copy items*/ 19 | @import "custom/tabs-swapclose.css"; 20 | @import "custom/singletabhidden.css"; 21 | @import "custom/hideextension.css"; 22 | @import "custom/enabletabview.css"; 23 | @import "custom/noidentity.css"; 24 | @import "custom/standard-urlbar.css"; 25 | @import "custom/windows-swapclose.css"; 26 | @import "custom/compact-tabs.css"; 27 | @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; 28 | 29 | /* Set theme version text in customization panel */ 30 | #customization-footer::before { 31 | content: "Firefox WhiteSur theme"; 32 | padding: 9px; 33 | } 34 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-backdrop-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-backdrop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-close-active-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-close-active.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-close-backdrop-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-close-backdrop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-close-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-close-hover-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-close-hover-inactive-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-close-hover-inactive.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-close-hover.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-close.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-maximize-active-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-maximize-active.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-maximize-backdrop-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-maximize-backdrop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-maximize-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover-inactive-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover-inactive.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-maximize.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-minimize-active-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-minimize-active.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-minimize-backdrop-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-minimize-backdrop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-minimize-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover-inactive-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover-inactive.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-minimize.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-active-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-active.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-backdrop-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-backdrop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-inactive-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-inactive.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /chrome/userChrome.css: -------------------------------------------------------------------------------- 1 | 2 | /* Import theme */ 3 | 4 | @import "WhiteSur/theme.css"; /**/ 5 | 6 | @import "customChrome.css"; /**/ 7 | -------------------------------------------------------------------------------- /chrome/userContent.css: -------------------------------------------------------------------------------- 1 | @import "Whitesur/colors/light.css"; 2 | @import "Whitesur/colors/dark.css"; 3 | /* test to change the session restore page */ 4 | #main-window[sessionrestored="true"] browser>#document>html{ 5 | background-color: var(--new-tab-background) !important; 6 | } 7 | 8 | @-moz-document url(about:session-restore), url-prefix(about:sessionrestore), url(about:addons), url(about:preferences){ 9 | body { 10 | background-color: var(--new-tab-background) !important; 11 | } 12 | } 13 | 14 | 15 | -------------------------------------------------------------------------------- /configuration/user.js: -------------------------------------------------------------------------------- 1 | /* user.js 2 | * https://github.com/rafaelmardojai/firefox-gnome-theme/ 3 | */ 4 | 5 | // Enable customChrome.css 6 | user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true); 7 | 8 | // Enable CSD 9 | user_pref("browser.tabs.drawInTitlebar", true); 10 | 11 | // Set UI density to normal 12 | user_pref("browser.uidensity", 0); 13 | 14 | -------------------------------------------------------------------------------- /custom/compact-tabs.css: -------------------------------------------------------------------------------- 1 | /* Compact tab-bar to match safari */ 2 | @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; 3 | 4 | tab > stack { 5 | height: 28px !important; 6 | } 7 | .tab-background { 8 | min-height: 0 !important; 9 | } 10 | 11 | .tabbrowser-tab { 12 | min-height: 28px !important; 13 | } -------------------------------------------------------------------------------- /custom/enabletabview.css: -------------------------------------------------------------------------------- 1 | #alltabs-button.toolbarbutton-1 { 2 | visibility: visible !important; 3 | } -------------------------------------------------------------------------------- /custom/hideextension.css: -------------------------------------------------------------------------------- 1 | #unified-extensions-button{ 2 | display:none !important; 3 | } -------------------------------------------------------------------------------- /custom/noidentity.css: -------------------------------------------------------------------------------- 1 | /* Disable milti tab / facebook identity lines */ 2 | .tabbrowser-tab[usercontextid]>.tab-stack>.tab-background { 3 | border-top: 0px !important; 4 | } -------------------------------------------------------------------------------- /custom/singletabhidden.css: -------------------------------------------------------------------------------- 1 | /* From user @luan https://github.com/AdamXweb/WhiteSurFirefoxThemeMacOS/issues/52#issuecomment-1120470140 */ 2 | 3 | #tabbrowser-tabs, #tabbrowser-tabs arrowscrollbox { 4 | height: auto !important; 5 | padding: 0 !important; 6 | } 7 | 8 | #TabsToolbar { 9 | min-height: 0 !important; 10 | } 11 | 12 | #tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]), 13 | .tabbrowser-tab:only-of-type, 14 | #tabbrowser-tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) ~ #TabsToolbar { 15 | visibility: collapse !important; 16 | min-height: 0 !important; 17 | height: 0; 18 | } -------------------------------------------------------------------------------- /custom/standard-urlbar.css: -------------------------------------------------------------------------------- 1 | #urlbar-input { 2 | transition: transform .1s linear; 3 | transform: none !important; 4 | width: 100% !important; 5 | } -------------------------------------------------------------------------------- /custom/tabs-swapclose.css: -------------------------------------------------------------------------------- 1 | /* Left hand side tab close */ 2 | @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; 3 | 4 | 5 | /* Place close button on left side */ 6 | .tab-content { 7 | display: flex !important; 8 | } 9 | 10 | .tab-close-button { 11 | order: -1; 12 | margin-inline-end: 5px auto !important; 13 | margin-left: -4.5px !important; 14 | margin-right: 2px !important; 15 | } 16 | 17 | .tab-icon-stack{ 18 | padding-left: 1px !important; 19 | margin-inline-start: 6px !important; 20 | } 21 | .tabbrowser-tab[class*="identity-color-"][pinned] .tab-content{ 22 | display:flex !important; 23 | } 24 | /* Keeps tab close to left */ 25 | .tabbrowser-tab:not([soundplaying]):not([muted]):not([activemedia-blocked]) .tab-close-button, .tabbrowser-tab[soundplaying-scheduledremoval="true"] .tab-icon-stack, .tabbrowser-tab .tab-icon-stack[muted]:not([soundplaying-scheduledremoval="true"]) { 26 | margin-left: 0 !important; 27 | } 28 | 29 | .tab-label-container{ 30 | margin-right: auto !important; 31 | 32 | } 33 | .tab-icon-stack{ 34 | margin-left: auto !important; 35 | } 36 | -------------------------------------------------------------------------------- /custom/windows-swapclose.css: -------------------------------------------------------------------------------- 1 | @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; 2 | 3 | /* Place the close buttons on the right hand side*/ 4 | :root[tabsintitlebar] #TabsToolbar .titlebar-buttonbox-container, :root[tabsintitlebar] #TabsToolbar-buttonbox-container { 5 | left:auto !important; 6 | right: 8px; 7 | 8 | } 9 | 10 | :root[tabsintitlebar][inFullscreen] #window-controls{ 11 | right: 2px !important; 12 | top: 18px !important; 13 | } 14 | /* Give padding to the close bar */ 15 | #nav-bar { 16 | padding-left: 10px !important; 17 | padding-right: 75px !important; 18 | } 19 | /* If arrangement of close is to be Min Max Close*/ 20 | .titlebar-close { 21 | order: 1 !important; 22 | } 23 | 24 | /* fix fullscreen issue on window TBCs*/ 25 | :root[tabsintitlebar][inFullscreen] #window-controls .minimize-button, :root[tabsintitlebar][inFullscreen] #window-controls .close-button{ 26 | display:none !important; 27 | } 28 | 29 | /* adjust positioning of exit fullscreen button */ 30 | :root[tabsintitlebar][inFullscreen] #window-controls { 31 | right: 2px !important; 32 | top: 18px !important; 33 | } 34 | :root[tabsintitlebar][inFullscreen] #nav-bar { 35 | padding-right: 70px !important; 36 | } 37 | 38 | :root[tabsintitlebar][inFullscreen] #TabsToolbar .titlebar-buttonbox-container{ 39 | order: 1000 !important; 40 | } -------------------------------------------------------------------------------- /githubpreview/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdamXweb/WhiteSurFirefoxThemeMacOS/7b43016a02179a0d11748d81b87392e718cc1d3c/githubpreview/preview.png -------------------------------------------------------------------------------- /githubpreview/safarifirefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdamXweb/WhiteSurFirefoxThemeMacOS/7b43016a02179a0d11748d81b87392e718cc1d3c/githubpreview/safarifirefox.png -------------------------------------------------------------------------------- /githubpreview/whitesur.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdamXweb/WhiteSurFirefoxThemeMacOS/7b43016a02179a0d11748d81b87392e718cc1d3c/githubpreview/whitesur.gif -------------------------------------------------------------------------------- /githubpreview/whitesurwindows.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AdamXweb/WhiteSurFirefoxThemeMacOS/7b43016a02179a0d11748d81b87392e718cc1d3c/githubpreview/whitesurwindows.gif -------------------------------------------------------------------------------- /install.sh: -------------------------------------------------------------------------------- 1 | #! /bin/bash 2 | LHSCLOSE=false 3 | URLBAR=false 4 | REMOVE=false 5 | NOLINE=false 6 | readonly REPO_DIR="$(pwd)" 7 | # readonly REPO_DIR="$(dirname "$(readlink "${0}")")" 8 | source "${REPO_DIR}/lib-install.sh" 9 | 10 | # Get options. 11 | while getopts 'c,w,p,u,n,v,e,s,r:f:l' flag; do 12 | case "${flag}" in 13 | c ) TABSWAP=true;; 14 | w ) WINDOWSWAP=true;; 15 | p ) COMPACTTAB=true;; 16 | f ) FIREFOX_DIR_HOME="${OPTARG}";; 17 | l ) FIREFOX_DIR_HOME=~/.mozilla/firefox/;; 18 | u ) URLBAR=true;; 19 | n) NOLINE=true;; 20 | v) TABVIEW=true;; 21 | e) HIDEEXTENSION=true;; 22 | s) NOTABSINGLE=true;; 23 | r ) REMOVE=true;; 24 | esac 25 | done 26 | 27 | echo -en "$COL_GREEN WhiteSur Firefox theme. $COL_RESET" 28 | echo -en "\n" 29 | echo -en "\n" 30 | echo -e "${bold}WhiteSur installer" 31 | echo -e "⚠ This is a script to add the theme into firefox, and enable it." 32 | echo -e "⚠ Continuing will quit Firefox. Make sure you save any tabs before proceeding." 33 | 34 | echo -en "\n" 35 | warn "=> ${bold}$COL_RED CTRL+C $COL_RESET now to abort ${normal} or ${bold} $COL_GREEN ENTER ${normal} $COL_RESET to continue." 36 | 37 | tput bel 38 | read -n 1 39 | 40 | 41 | actioninfo "Removing Firefox theme..." 42 | remove_firefox_theme 43 | success "Done! Firefox theme has been removed." 44 | 45 | # Install Firefox 46 | if [ "$REMOVE" = false ] ; then 47 | actioninfo "Installing WhiteSur Firefox theme to your directory below" 48 | install_firefox_theme 49 | success "Done! WhiteSur Firefox theme has been installed." 50 | 51 | actioninfo "If you have any issues with the theme not activating, follow the two steps below to toggle a setting within Firefox." 52 | warn "Please go to: ${bold}$COL_RED about:config ${normal} $COL_RESET in Firefox (type it into the URL bar)" 53 | warn "Search for ${bold}$COL_RED toolkit.legacyUserProfileCustomizations.stylesheets $COL_RESET and toggle it to `true`" 54 | actioninfo "That's it, restart Firefox and you're all set!" 55 | fi 56 | echo "Done." -------------------------------------------------------------------------------- /lib-core.sh: -------------------------------------------------------------------------------- 1 | MY_USERNAME="$(whoami 2> /dev/null || echo ${SUDO_USER:-${USER}})" 2 | FIREFOX_DIR_HOME="/Users/${MY_USERNAME}/Library/Application Support/Firefox/Profiles" 3 | FIREFOX_O_HOME=/Users/${MY_USERNAME}/Library/'Application Support'/Firefox/Profiles/ 4 | FIREFOX_THEME_HOME="/Users/${MY_USERNAME}/Library/Application\ Support/Firefox/Profiles" 5 | FIREFOX_SRC_DIR="${REPO_DIR}" 6 | LOC="" 7 | 8 | # Colors 9 | ESC_SEQ="\x1b[" 10 | COL_RESET=$ESC_SEQ"39;49;00m" 11 | COL_RED=$ESC_SEQ"31;01m" 12 | COL_GREEN=$ESC_SEQ"32;01m" 13 | COL_LIGHTP=$ESC_SEQ"1;35m" 14 | COL_LIGHTG=$ESC_SEQ"1;32m" 15 | COL_YELLOW=$ESC_SEQ"33;01m" 16 | COL_ORANGE=$ESC_SEQ"35;51m" 17 | COL_BLUE=$ESC_SEQ"1;34m" 18 | bold=$(tput bold) 19 | normal=$(tput sgr0) 20 | 21 | function warn() { 22 | echo -e "$COL_ORANGE[warning]$COL_RESET $1" 23 | } 24 | function success() { 25 | echo -e "$COL_GREEN[success]$COL_RESET $1" 26 | } 27 | function error() { 28 | echo -e "$COL_RED[error]$COL_RESET $1" 29 | } 30 | function actioninfo() { 31 | echo -e "$COL_YELLOW[action]:$COL_RESET ⇒ $1" 32 | } 33 | function cancelled() { 34 | echo -e "$COL_RED[cancelled]$COL_RESET $1" 35 | } 36 | has_command() { 37 | "$1" -v $1 > /dev/null 2>&1 38 | } 39 | 40 | 41 | userify() { 42 | trap true SIGINT 43 | sudo -u "${MY_USERNAME}" ${@} 2> "${REPO_DIR}/error_log.txt" || operation_canceled 44 | trap sig_c SIGINT 45 | } 46 | 47 | sig_c() { 48 | kill -13 ${process_ids[*]} &> /dev/null 49 | stop_animation; wait ${process_ids[*]} &> /dev/null; operation_canceled 50 | } 51 | 52 | operation_canceled() { 53 | clear 54 | 55 | if [[ -f "${WHITESUR_TMP_DIR}/error_log.txt" ]]; then 56 | error_msg="$(cat "${WHITESUR_TMP_DIR}/error_log.txt")" 57 | fi 58 | 59 | if [[ ${error_msg} != "" ]]; then 60 | error "Oops! An error is detected..." 61 | error "ERROR LOG:\n${error_msg}\n" 62 | error "TIP: you can google or report to us the error log above\n\n" 63 | else 64 | cancelled "\n\n Oops! Operation has been canceled or failed...\n\n" 65 | fi 66 | 67 | exit 1 68 | } -------------------------------------------------------------------------------- /lib-install.sh: -------------------------------------------------------------------------------- 1 | if [[ "${LIB_INSTALL_IMPORTED}" == "true" ]]; then 2 | echo "ERROR: lib-install.sh is already imported"; exit 1 3 | else LIB_INSTALL_IMPORTED="true"; fi 4 | 5 | source "${REPO_DIR}/lib-core.sh" 6 | 7 | remove_firefox_theme() { 8 | killall "firefox" &> /dev/null 9 | rm -rf "${FIREFOX_DIR_HOME}/"*"default"*"/chrome" 10 | } 11 | 12 | install_firefox_theme() { 13 | remove_firefox_theme 14 | echo "${FIREFOX_O_HOME}"*"default-release" 15 | LOC=`echo "${FIREFOX_O_HOME}"*"default-release"` 16 | cp -rf "${REPO_DIR}/chrome" "${FIREFOX_DIR_HOME}/"*"default-release" 17 | config_firefox 18 | echo "Copy complete." 19 | } 20 | 21 | config_firefox() { 22 | cp -rf "${REPO_DIR}/configuration" "${FIREFOX_DIR_HOME}/"*"default-release" 23 | # If LeftHandSide Tab close button is wanted 24 | if [ "$TABSWAP" = true ] ; then 25 | cd "${REPO_DIR}" 26 | echo "Enabling Tab close button on Left hand side" 27 | cp -rf "${REPO_DIR}/custom/tabs-swapclose.css" "${FIREFOX_DIR_HOME}/"*"default-release/chrome/WhiteSur/custom" 28 | echo "Tab close position swapped" 29 | fi 30 | # If LeftHandSide Window close button is wanted 31 | if [ "$WINDOWSWAP" = true ] ; then 32 | cd "${REPO_DIR}" 33 | echo "Enabling Tab close button on Left hand side" 34 | cp -rf "${REPO_DIR}/custom/windows-swapclose.css" "${FIREFOX_DIR_HOME}/"*"default-release/chrome/WhiteSur/custom" 35 | echo "Window CSD swapped" 36 | fi 37 | # if compact tabs are wanted 38 | if [ "$COMPACTTAB" = true ] ; then 39 | cd "${REPO_DIR}" 40 | echo "Enabling Tab close button on Left hand side" 41 | cp -rf "${REPO_DIR}/custom/compact-tabs.css" "${FIREFOX_DIR_HOME}/"*"default-release/chrome/WhiteSur/custom" 42 | echo "Tabs are compact" 43 | fi 44 | # if no animation on URL bar is desired 45 | if [ "$URLBAR" = true ] ; then 46 | echo "Removing URL bar animation" 47 | cd "${REPO_DIR}" 48 | cp -rf "${REPO_DIR}/custom/standard-urlbar.css" "${FIREFOX_DIR_HOME}/"*"default-release/chrome/WhiteSur/custom" 49 | echo "Standard URL bar configured" 50 | fi 51 | # if no identity line icon is wanted 52 | if [ "$NOLINE" = true ] ; then 53 | echo "Removing Facebook / Multi account Identity line" 54 | cd "${REPO_DIR}" 55 | cp -rf "${REPO_DIR}/custom/noidentity.css" "${FIREFOX_DIR_HOME}/"*"default-release/chrome/WhiteSur/custom" 56 | echo "No identity lines configured" 57 | fi 58 | if [ "$TABVIEW" = true ] ; then 59 | cd "${REPO_DIR}" 60 | echo "Re-enabling tab view button" 61 | cp -rf "${REPO_DIR}/custom/enabletabview.css" "${FIREFOX_DIR_HOME}/"*"default-release/chrome/WhiteSur/custom" 62 | echo "Tab view button enabled" 63 | fi 64 | # If the extension panen is to be hidden 65 | if [ "$HIDEEXTENSION" = true ] ; then 66 | cd "${REPO_DIR}" 67 | echo "Enabling hidden extension button" 68 | cp -rf "${REPO_DIR}/custom/hideextension.css" "${FIREFOX_DIR_HOME}/"*"default-release/chrome/WhiteSur/custom" 69 | echo "Extension button hidden" 70 | fi 71 | if [ "$NOTABSINGLE" = true ] ; then 72 | cd "${REPO_DIR}" 73 | echo "Enabling single tab minimal view" 74 | cp -rf "${REPO_DIR}/custom/singletabhidden.css" "${FIREFOX_DIR_HOME}/"*"default-release/chrome/WhiteSur/custom" 75 | echo "Single tab minimal view enabled" 76 | fi 77 | 78 | # Copy settings to enable stylesheets in firefox automatically. 79 | for d in "${FIREFOX_DIR_HOME}/"*"default-release"; do 80 | echo "user_pref(\"toolkit.legacyUserProfileCustomizations.stylesheets\", true);" >> "${d}/prefs.js" 81 | echo "user_pref(\"browser.tabs.drawInTitlebar\", true);" >> "${d}/prefs.js" 82 | echo "user_pref(\"browser.uidensity\", 0);" >> "${d}/prefs.js" 83 | echo "user_pref(\"layers.acceleration.force-enabled\", true);" >> "${d}/prefs.js" 84 | echo "user_pref(\"mozilla.widget.use-argb-visuals\", true);" >> "${d}/prefs.js" 85 | done 86 | } 87 | 88 | --------------------------------------------------------------------------------