phi-for-vivaldi/Lo-Phi

Lo-Phi (/'loʊ,faɪ/)

Lo-Fi variant of Phi, the ultimate vertical experience theme for Vivaldi, made with attention to details.

✨ Features

• Supported Vivaldi features : UI auto-hide, UI on left & right sides, theming from themes.vivaldi.net, toggle UI, panels, popups, split tabs ;
• Enhanced Vivaldi features :
  • Stacked tabs : displayed inline with titles (optional, enabled by default) ;
  • Pinned tabs : displayed as icon-only grid.

⚙️ Installation

1. Create a folder to download the mod into ;
2. Download the mod by right-clicking here then "Save Link As..." to the folder created in step 1 ;
3. Go to vivaldi:flags and next to "Allow CSS modifications", switch "Default" to "Enabled" ;
4. Open Vivaldi settings ;
   • (Optionally) Under "Appearance" ➔ "Window Appearance" ➔ "Status Bar", select "Status Info Overlay" ;
   • Under "Appearance" ➔ "UI Auto-Hide", check "Enable UI Auto-hide" (and optionally uncheck "Tab Bar") ;
   • Under "Appearance" ➔ "Custom UI Modifications", open the folder created in step 1 ;
   • Under "Tabs" ➔ "Tabs" ➔ "Tab Bar Position", select "Left" or "Right" ;
   • Under "Tabs" ➔ "Tab Features" ➔ "Tab Stacking", select "Compact" ;
   • Under "Panel" ➔ "Panel Position", select "Left" or "Right" (preferably the opposite of "Tab Bar Position") ;
   • (Optionally) Under "Address Bar" ➔ "Extension Visibility", check "Expand Hidden Extensions to Drop-Down Menu" ;
5. Quit and relaunch Vivaldi ;
6. Start tweaking the UI ;
   • Right-click anywhere on the UI then "Customize Toolbar..." ;
   • Move whatever you want (probably the navigation buttons, address bar and extensions) into the sidebar, before clicking "Done" ;
7. (Optionally) Star the GitHub repo ;
8. Subscribe to Theo.

🔧 Troubleshooting

• Double check Vivaldi settings as per installation step 4 ;
• Find potentially incompatible settings by comparing with an empty profile ;
• You may disable Phi by setting the tab bar position to top or bottom or toggling the tab bar off ;
• Simultaneously using Phi with another CSS mod is not supported.

🤝 Feedback & Support

• Issues
• GitHub Issues
• Discord
• Reddit
• Vivaldi forum

🛜 Why "Phi" ?

Phi (φ) is a greek letter, used (among other things) to designate angles, like (for example) sextant () & compass () measurements for navigation.

This specific version, Lo-Phi, is named after the "Lo-Fi" music style, which initially stands for "low fidelity", as opposed to "Hi-Fi" which stands for "high fidelity".

Lo-Phi is indeed a "low-fidelity" variant of Phi, as it contains much less features, while also freed from the constraints of the original, like limited auto-hide support, and on Mac, limited right-side UI support.

---

© 2026 — KaKi87
Released under the MIT license.