Skip to content

MohamedxSalah/Vivaldi-Air

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

Vivaldi Air

A fork of Operaldi That aims at mimicking Opera Air aesthetics

Screenshots:

Dark mode

image image image image

Light mode

image image image image

Configuration steps:

  1. Download the CSS file
  2. Type vivaldi://experiments in the URL bar and check Allow CSS modifications
  3. Open Vivaldi Settings
  4. Appearance > CUSTOM UI MODIFICATIONS and select the folder in which you downloaded the CSS.
  5. Appearance > Status Bar > Hide Status Bar
  6. Themes > New Theme... and follow the screenshots below:

Colors:

image

Background (my recommendations):

https://abhishekkumarsahu.gumroad.com/l/driftwall (choose free version)

https://github.com/JustAdumbPrsn/Zen-Nebula/releases/tag/v3.1

OR my favorite option

image

Settings:

image

Icons (optional):

You can replace the default icons with mine from this repository.

  1. Restart Vivaldi
  2. Enjoy your new CSS

Update 1

Start page search bar is now blurred Start page Navigation bar is now themed thanks to "https://forum.vivaldi.net/topic/47116/transparent-startpage-navigation-bar-configurable"

image

Update 2

fixed INNER ROUND BORDERS margin


update 3

fix right sidebar margin issue fix inner corners margin issue when hiding sidebar


update 4

made the navigation bar adaptive image image


Update 5

Merged pull request - Recenter New tab/bin/cloud icons on the tab bar, thnx Ryfters

Added version number


update 6

Align Window controls and Vivaldi button with tab bar and increase top padding, thnx Ryfters


Update 7

Themed Tab stacks image


update 8

v.8 adjusting the blur in tab stack and removing unnecessary lines


update 9

Themed bottom tab bar image


update 9 hotfix

bug fix: add padding to bottom tabs when using tab stack


update 10

add webpanels theming merged from Skolodac

image

fixed bottom margin on left and right tab bar style

image

update 11

Fixed windows buttons overlay again

image

Update 12

Fix missing margin between bottom and sidebar

image

Update 13

Collapse header/titlebar completely when tabs are hidden

Before image

After image


Update 14

for those who likes horizontal menu , it's now styled!

image

v14.1 : hotfix to horizontal menu bar theming, now it works with other tab styles


update 15

fix sidebar webpanel content when it is on the right , as content appeared missaligned

clean sidebar code


Update 16

Merga pullrequest : A few changes (panels, statusbar, vars and widgets) thnx Ryfters

now sidepanel content is blurred and we have aa blured statusbar

V.16 hotfix : Fixed ghost sidebar issue and persistent sidebar margin issue


Update 17

Merge pull request Ryfters

transition not always working

tree items background

V17.1 : Fix background for history panel


Update 18

fix vertical tabs side and top margins, remove unneeded code

v18.1 : unify the vertical tabs margins code

v18.2 : fix bookmark bar overlap issue


update 19

Fixed titlebar in settings and popup windows

Update 19.1: fullscreen mode now have inner round

update 19.2 : removed inner rounds from full screen as it cause issues with videos full screen and fix gaps

update 19.3: Fix window buttons alignment in vertical tabs mode


update 20

Fixed floating panel

v20.1: hotfix for sidebar


Update 21

FIX Colored Tab Groups

v21.1: fix windows button alignment when hiding tab bar

v21.2: change collapse title bar approach to fix bug with the horizontal settings


update 22

fixed workspace thnx to operaldi


Update 23

Themed address bar when moved to the tab bar (vivaldi 7.6 fix) image


update 24

Fixed stacking issue caused by vivaldi new update

v24.1: fixed setting button appears under the tab bar

v24.2: themed search box in the tab bar

v24.3 : fixed sidebar rounding issue for some users

v24.4 : increase transparency of selected tab and address bar

About

Vivaldi Air is a custom CSS for Vivaldi that makes it BREATH with new life

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 100.0%