Solved Post your color scheme at Vivaldi π΄βͺοΈπ΅
-
I needed a change, so I put the address bar at the bottom, the tabs on the left and the Windows taskbar at the bottom again.
This theme is called "Flying Swan" and is available here:
-
This theme is called "Brown and blue butterfly" and is available here: https://themes.vivaldi.net/themes/ayRlXprMl0M
-
-
This theme is called "White horses running through the water" and is available here: https://themes.vivaldi.net/themes/1RQ7GNzeJye
-
My newest theme:
-
I love the customization of vivaldi so much. I saw some mobile browsers that can change the browser header theme per website theme color, but for PC browsers I haven't seen any, except Vivaldi. I'm a mechanical engineer and don't really know any programming and so very new to CSS, but self studied and gave some slow transition effect to the theme colors, and arranged browser layout like ribbon style. Absolutely love this browser so much
-
Minimalist with lots of subtle tweaks.
- Custom Windows11ish theme
- CSS to
- Make the Workspaces list wider
- To remove the line between the Main bar and the Bookmarks bar
- To change the text size and icon spacing on the Bookmarks bar
- Custom Command Chain button to right of address field to execute Quick Commands
- Lots of Menu customisations (like, why is Export Bookmarks command under the File menu and not the Bookmarks menu?)
-
How do you guys make the background image / or make transparency behind the tab bar? I don't get it, I think I've accidentally gotten it once, but all I can get is a solid colour in the tab bar, always.
-
-
@Pesala said in Post your color scheme at Vivaldi οΈ:
@Nebu Settings, Themes, Edit, Settings:
Transparent Tab Bar
Transparent Background TabsOh, thanks a lot!
-
@toaa Thank you for the example, I used it to create my own theme: https://forum.vivaldi.net/topic/95394/ribbon-theme:
-
- Theme is VivalArc (colors are changed), follow the guide to apply it. If you want to un-hide Synced-tabs and Closed-tabs:
- Open
main_arc.css
- Locate
tabs-left .toolbar-tabbar.sync-and-trash-container
- Comment-out / delete the block
- Open
- Use command chains to be able to make buttons that toggle the state of Address-bar and Tabs-bar
- To place the button in the menu: Settings>Appearance > Menu
- To place the button in a toolbar: right-click on it > Edit > Customize Toolbar
-
To change button's icon: custom icons with CSS - Mine was made with SVG path editor βΌ
.toolbar-command button[title="Toggle tab bar"] svg path { d: path("m5,8 c0,-1,1,-1,1,-1 h13 c1,0,1,1,1,1 v10.5 c0,1,-1,1,-1,1 h-13 c-1,0,-1,-1,-1,-1 Z m6,10.5 h7.7 c0.3,0,0.3,-0.3,0.3,-0.3 v-9.9 c0,-0.3,-0.3,-0.3,-0.3,-0.3 h-7.7 c-0.3,0,-0.3,0.3,-0.3,0.3 v9.9 c0,0.3,0.3,0.3,0.3,0.3 Z"); }
-
- Theme is VivalArc (colors are changed), follow the guide to apply it. If you want to un-hide Synced-tabs and Closed-tabs:
-
-
Name of theme: Guitar Rainbow
Available here: https://themes.vivaldi.net/themes/nV6vpGbbldN
-
-
This theme is called: βSpring Butterfly Snailβ and is available here:
-
I'm using this at the moment.
-
-
-
I tested the Arc browser for a couple fo days and ended up falling in love with the vertical tabs, but the browser is not at Vivaldi's level of a powerhouse at all, so I kept vivalidi as a default browser but tweaking the design for that minimalist look with tab folders on the side.