├── LICENSE ├── README.md ├── SF-Pro.ttf ├── SF-Symbols.ttf └── userChrome.css /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2025 gui++ 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 | # Mindfulness 2 | Make Zen look like Arc (for Windows users, not tested in Mac) 3 | 4 | ![image](https://github.com/user-attachments/assets/c9f833f9-5856-4b46-bb3e-cc9a580411a3) 5 | 6 | ### Features: 7 | - [x] MacOS fonts and icons (used by Arc on Mac) 8 | - [x] Some of Arc's funcionality 9 | - [ ] Folder support 10 | 11 | # 🌊 Install 12 | ### Change these settings: 13 | 14 | Appearance: 15 | 16 | - Look and Feel > Single toolbar 17 | 18 | - Look and Feel > Move the New Tab button to the top 19 | 20 | - Right click on sidebar > Customize Toolbar - Drag the elements to make it look like the image 21 | 22 | - Toggle zen.theme.essentials-favicon-bg in about:config 23 | 24 | Functionality: 25 | 26 | - Look and Feel > Glance > Trigger method: Shift+Click 27 | 28 | - Firefox Labs > Picture-in-Picture: Auto-open on tab switch 29 | 30 | - Keyboard Shortcuts > Toggle Compact Mode: Ctrl+S 31 | 32 | - Install uBlock Origin for Adblock 33 | 34 | ### Userchome (Important) 35 | Download this repository and put it inside your chrome folder 36 | 37 | **You're now ready to go =P** 38 | 39 | ### Screenshots 40 | 41 | ![image](https://github.com/user-attachments/assets/efd782df-9518-4ae7-9a30-105ced774b42) 42 | ![image](https://github.com/user-attachments/assets/6bafd85b-013d-499c-9a37-11a5ad02bba7) 43 | ![image](https://github.com/user-attachments/assets/d3cdbcf5-640b-43c0-a81b-ef1f03e2816c) 44 | 45 | -------------------------------------------------------------------------------- /SF-Pro.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GuiMar10/Mindfulness/7343cbafa39adf9acb304ebdac582c22e00dcf59/SF-Pro.ttf -------------------------------------------------------------------------------- /SF-Symbols.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GuiMar10/Mindfulness/7343cbafa39adf9acb304ebdac582c22e00dcf59/SF-Symbols.ttf -------------------------------------------------------------------------------- /userChrome.css: -------------------------------------------------------------------------------- 1 | /* Default Arc font */ 2 | @font-face { 3 | font-family: "SF-Pro"; 4 | src: url("./SF-Pro.ttf"); 5 | } 6 | 7 | /* Our symbols font */ 8 | @font-face { 9 | font-family: "SF-Symbols"; 10 | src: url("./SF-Symbols.ttf"); 11 | } 12 | 13 | /* Apple's Emoji Font */ 14 | @font-face { 15 | font-family: "Color-Emoji"; 16 | src: url("./ACEmoji.ttf"); 17 | } 18 | 19 | * { 20 | font-family: "SF-Pro", Arial; 21 | } 22 | 23 | #zen-current-workspace-indicator #zen-current-workspace-indicator-icon { 24 | font-family: "Color-Emoji" !important; 25 | } 26 | 27 | #back-button, 28 | #forward-button, 29 | #reload-button { 30 | list-style-image: url("no.svg") !important; 31 | opacity: 0.7; 32 | } 33 | 34 | #back-button:before { 35 | content: ""; 36 | margin-right: -19px; 37 | font-family: "SF-Symbols"; 38 | } 39 | 40 | #forward-button:before { 41 | content: ""; 42 | margin-right: -19px; 43 | font-family: "SF-Symbols"; 44 | } 45 | 46 | #reload-button:before { 47 | content: ""; 48 | margin-right: -19px; 49 | font-size: 15px; 50 | margin-top: -2px; 51 | font-family: "SF-Symbols"; 52 | transition: 0.1s; 53 | transform-origin: 5px 15px; 54 | } 55 | 56 | #reload-button:active::before { 57 | rotate: 20deg; 58 | } 59 | 60 | #PanelUI-zen-gradient-degrees { 61 | border-style: dotted !important; 62 | opacity: 0.7 !important; 63 | } 64 | --------------------------------------------------------------------------------