These style variables does not do the same - the f7-navbar-height: 0px will sets the height of the topbar to 0px and moves all contents below up by the topbar-height respectively (including the title and the controls/actions in it) - the mentioned css variables will only set the offset / padding to 0 and still shows the topbar with its control-elements.
The combination of the removed offset / padding…
--f7-page-navbar-offset: none
--f7-page-toolbar-top-offset: none
--f7-page-subnavbar-offset: none
--f7-page-searchbar-offset: none
--f7-page-content-extra-padding-top: none
--f7-page-toolbar-bottom-offset: none
--f7-page-content-extra-padding-bottom: none
…and the transluscent topbar…
--f7-bars-bg-color: none
--f7-bars-border-color: none
--f7-navbar-shadow-image: none
--f7-bars-translucent-opacity: none
--f7-bars-translucent-blur: none
backdrop-filter: none
…is the closest to get rid of the (maybe not needed) offset / padding and making the topbar translucent, without sacrificing the title (which you could also ‘remove’ by adding --f7-navbar-title-font-size: 0, if needed) and important control-elements (like edit and the menu toggle).
