https://github.com/makipom/vivaldi-rounded

A custom CSS theme for Vivaldi, made with mouse gestures and hotkey use in mind.
https://github.com/makipom/vivaldi-rounded

css theme vivaldi vivaldi-css vivaldi-theme

Last synced: 11 months ago
JSON representation

A custom CSS theme for Vivaldi, made with mouse gestures and hotkey use in mind.

• Host: GitHub
• URL: https://github.com/makipom/vivaldi-rounded
• Owner: makipom
• License: mit
• Archived: true
• Created: 2023-05-08T09:54:37.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-05-06T09:32:48.000Z (about 2 years ago)
• Last Synced: 2025-03-04T09:43:13.561Z (over 1 year ago)
• Topics: css, theme, vivaldi, vivaldi-css, vivaldi-theme
• Language: CSS
• Homepage:
• Size: 22.5 KB
• Stars: 11
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![kokonobanner1](https://user-images.githubusercontent.com/118981482/237044903-f6e9576f-167d-45e5-bd1b-1dd981e377df.png)

# Vivaldi Rounded

A custom CSS theme for `Vivaldi`, made with mouse gestures and hotkey use in mind.   

Can be used with any theme, both light and dark, taking its accent colors from the selected browser theme.   

Works best with sidebar and address bar hidden (While summoning them, if needed, by pressing F7 and F8 respectively).   

### Key features:

* Rounded "floating" tabs.    

* Transparent sidebar, sidebar menus.    

* "Vivaldi" button, minimize/maximize buttons show only when you hover a cursor over them.    

* No "close" button. To avoid misclicking. Browser can be closed from the main menu.    

* No "new tab" button. To be opened with mouse gestures and/or hotkeys.    

* New appearance for the "Vivaldi" menu button.    

* New tab tiles appear when hovering over them with your cursor.

## Screenshots   

![image](https://user-images.githubusercontent.com/118981482/236997494-20ca71e7-ce0a-4a9e-b1c1-df8dd0d9c3e0.png)     

`With a light theme.`   

![image](https://user-images.githubusercontent.com/118981482/236997353-29c2f32b-978b-4c87-b9c1-6a00487295f4.png)     

`With a dark theme.`   

![image](https://user-images.githubusercontent.com/118981482/236997000-0879a22c-fef5-49de-abce-643cf2ef4053.png)     

![image](https://user-images.githubusercontent.com/118981482/236997211-ca7e6084-e997-46a8-b159-d94836d9b962.png)     

![image](https://user-images.githubusercontent.com/118981482/236997683-24650b2c-ad09-41d4-aa64-97c175c182b7.png)    

`With different background images.`   

All screenshots were taken with `Transparency 20%`, `Blur 10`, `Transparent bar` and `Transparent background tab` settings.

## Pre-installation     

* Go to `vivaldi://experiments/`  and check `Allow CSS modification`, then restart your browser;     

* Open `Settings → Appearance` and scroll down to see the `Custom UI Modification` option;    

* Create a folder anywhere you want, for example it can be named `VivaldiCSS` in the `Documents` library;     

* Link this folder in the `Custom UI Modification` setting.    

### Installation    

* Download the `vivaldi-rounded.css` file from this repository;    

* Copy the `vivaldi-rounded.css` into the folder you've created in the `Pre-installation` step;     

* Restart your browser.

Works with the latest at the moment (6.0) Stable release of Vivaldi.    

Created this theme for personal use, but since there are not much custom themes for Vivaldi out there, thought that someone might be interested.

#### Credits:    

* [Vivaldi-UI-Changer](https://github.com/Ablaze-MIRAI/Vivaldi-UI-Changer) - by [Ablaze-MIRAI](https://github.com/Ablaze-MIRAI)    

Used some of their code in the earlier days, and even though it's mostly different now - if not for this theme, there would've been nothing.    

* [ナポリタン寿司](https://www.naporitansushi.com/)     

Used some of the code showcased in this blog.