• Community
    • Community
    • Vivaldi Social
    • Blogs
  • Forum
    • Vivaldi Forum
    • Categories
    • Recent
    • Popular
  • Themes
    • Vivaldi Themes
    • My Themes
    • FAQ
  • Contribute
    • Contribute
    • Volunteer
    • Donate
  • Browser
    • Vivaldi Browser
    • Latest News
    • Snapshots
    • Help
Register Login

Vivaldi

  • Community
  • Themes
  • Contribute
  • Browser

Navigation

    • Home
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    1. Home
    2. Desktop
    3. Customizations & Extensions
    4. Modifications
    5. φ Phi - The ultimate vertical experience theme for Vivaldi, made with attention to details.

    φ Phi - The ultimate vertical experience theme for Vivaldi, made with attention to details.

    Scheduled Pinned Locked Moved Modifications
    55 Posts 10 Posters 6.1k Views 6 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • Xiean
      X
      Xiean @KaKi87
      last edited by Xiean

      The address bar doesn't increase its height by a specific value (which would require absolute positioning), but rather covers the extensions row area (an implementation that would also be broken if I would implement your first request), so the height increase cannot really be customized (short of increasing the height of the extensions row, and decreasing wouldn't be possible).

      I implemented it this way so that the URL bar wouldn't require absolute positioning. The CSS code is cleaner this way.

      Oops. I didn't pay attention to the "--phi--is-address-bar-focused-height-increase" setting. This gives me the result I need.

      1 Reply Last reply Reply Quote 0
    • KaKi87
      K
      KaKi87 @Horizonger
      last edited by

      The resolution was a little bad but I think you can get an idea. https://imgur.com/a/SsvSnjB

      Oh, you made your own customization. Nice 😊

      I'm not gonna reproduce this, sorry. The purpose of Phi is to use the vertical space. As you can see on your video, your modification creates a significant void below the tab list, which can be used to show a huge amount of tabs of course, but that shouldn't be the norm.

      I didn't pay attention to the "--phi--is-address-bar-focused-height-increase" setting

      Oh, so you didn't want to change the height, rather disable the height change. Sure, I wouldn't have hardcoded that behavior.

      1 Reply Last reply Reply Quote 0
    • Granite1
      G
      Granite1 @KaKi87
      last edited by

      @KaKi87 Excellent, esp. that pinned tabs grid. Now I don't have to wait for the implementation of the Feature Request, if it ever will. This is a beautiful piece of work. I starred it on Github.

      KaKi87
      K
      1 Reply Last reply
      Reply Quote 0
    • KaKi87
      K
      KaKi87 @Granite1
      last edited by

      @Granite1 Thank you !

      1 Reply Last reply Reply Quote 0
    • KaKi87
      K
      KaKi87 @Xiean
      last edited by

      @Xiean said in φ Phi - The ultimate vertical experience theme for Vivaldi, made with attention to details.:

      Profile button. It's not that it's functional and necessary, but still.

      So I actually ended up unhiding this on Mac after learning that the base profile manager doesn't allow creating profiles on Mac contrarily to Linux and Windows.

      1 Reply Last reply Reply Quote 0
    • Granite1
      G
      Granite1
      last edited by

      This post is deleted!
      KaKi87
      K
      1 Reply Last reply
      Reply Quote 0
    • KaKi87
      K
      KaKi87 @Granite1
      last edited by KaKi87

      How can I make the panel bar on the right visible?

      @Granite1

      The purpose of the mod is to use optimize space, so panel icons are at the bottom on the same side as everything else.

      Having everything but panels on one side and panels on the other side means more horizontal space consumed even though the sidebar has vertical space.

      However, you can still choose in settings to display the panels themselves to show up on the opposite side from the sidebar.

      1 Reply Last reply Reply Quote 0
    • H4M5TER
      H
      H4M5TER
      last edited by

      thank you for the great mod
      I want to ask for a feature I always want that make the pinned tabs not scroll out of screen (that's the idea, "pinned")
      is this possible with css?

      @KaKi87 said in φ Phi - The ultimate vertical experience theme for Vivaldi, made with attention to details.:

      So I actually ended up unhiding this on Mac after learning that the base profile manager doesn't allow creating profiles on Mac contrarily to Linux and Windows.

      just curious, what's your opinion of profile

      KaKi87
      K
      1 Reply Last reply
      Reply Quote 0
    • KaKi87
      K
      KaKi87 @H4M5TER
      last edited by

      I always want that make the pinned tabs not scroll out of screen (that's the idea, "pinned")
      is this possible with css?

      Unfortunately, it's not.

      That said, if you really often reach the point where tabs scroll, then you should consider using workspaces.

      what's your opinion of profile

      Mostly useless except for testing (e.g. troubleshooting mods).

      Firefox container tabs are so much better and relevant, unfortunately it's the only good part about Firefox.

      1 Reply Last reply Reply Quote 1
    • H4M5TER
      H
      H4M5TER
      last edited by

      L56 .tab-group .title:not(:has(.tab-title-edit)), make tabs' title disappear when hovering tab stack
      is this intended?

      1 Reply Last reply Reply Quote 0
    • KaKi87
      K
      KaKi87
      last edited by

      Yes, so that the titles of each tab in the stack can be simultaneously displayed.

      1 Reply Last reply Reply Quote 0
    • H4M5TER
      H
      H4M5TER
      last edited by

      I can't call address bar out by Ctrl+L in both compact mode (pannel toggle) and borderless mode (Ctrl+F11)

      1 Reply Last reply Reply Quote 0
    • KaKi87
      K
      KaKi87
      last edited by

      That's not supported and would be difficult to support...

      1 Reply Last reply Reply Quote 0
    • Xiean
      X
      Xiean
      last edited by

      How about a shadow around the webview?
      I think this is a good way to separate the webview area from the interface.
      For example, Zen Browser:
      623c18c9-d853-4d68-aa37-5135c6852a9b-image_2025-04-07_13-04-04.png

      KaKi87
      K
      1 Reply Last reply
      Reply Quote 0
    • KaKi87
      K
      KaKi87 @Xiean
      last edited by

      a shadow around the webview

      In addition to the border ?

      Xiean
      X
      1 Reply Last reply
      Reply Quote 0
    • Xiean
      X
      Xiean @KaKi87
      last edited by

      @KaKi87 Yeah

      1 Reply Last reply Reply Quote 0
    • KaKi87
      K
      KaKi87
      last edited by

      Alright, I added two new properties :

      --phi--webview-shadow-size: 0;
      --phi--webview-shadow-color: 0, 0, 0, 0.25;
      

      If you want the same as Zen, change 0 to 10 on the first line.

      Xiean
      X
      1 Reply Last reply
      Reply Quote 0
    • Xiean
      X
      Xiean @KaKi87
      last edited by

      @KaKi87 This looks amazing. Thank you

      1 Reply Last reply Reply Quote 0
    • sirrichard
      S
      sirrichard
      last edited by sirrichard

      As I wrote to you in Telegram - I would recommend to make it optional - maybe just in code, user have to change parameter from false to true or vice versa, to get panel bar on right side all the time not only panel icons in left bar while they're not opened.

      1 Reply Last reply Reply Quote 0
    • KaKi87
      K
      KaKi87
      last edited by KaKi87

      For everyone else, here's my Telegram answer :

      can't get panel back on right side and tabs on left?

      You can set panels to open on the opposite side of tabs, and they will, but to save horizontal space usage, panel buttons remain on the same side as tabs, and only move when opening.

      I would recommend to make it optional - maybe just in code user have to change parameter from false to true or vice versa, to get panel bar on right side all the time.

      Sorry I'm not gonna do that, because it's still an opinionated mod, and while I do indulge in little cosmetic things like an optional Arc/Zen-like border around the webview, I won't code a whole positioning implementation.

      1 Reply Last reply Reply Quote 0
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    • 1
    • 2
    • 3
    • 1 / 3
    • First post
      Last post

    Copyright © Vivaldi Technologies™ — All rights reserved. Privacy Policy | Code of conduct | Terms of use | Vivaldi Status