Giter Club home page Giter Club logo

vivaldi-ui-mods's Introduction

vivaldi-ui-mods

A screenshot of Vivaldi with floating tabs and some additional whitespace to the right.

Vivaldi with a slightly modded UI

How to apply the UI-mod

  1. Visit vivaldi://experiments and tick the "Allow for CSS modifications" box.
  2. Then go to: vivaldi://settings/appearance/ and choose a folder to load from. (Place the new CSS there or choose the folder, where you cloned the repository to.)
  3. Restart Vivaldi

For more informations head over to:
https://forum.vivaldi.net/topic/37802/css-modifications-experimental-feature

Additionally applied theme in the screenshot

Modification of the Vivaldi light them. You can simply import this theme-file: download theme

Animated states of tabs

There is a nice transition when activating a tab or hovering over it and you will probably notice haveing a pointer cursor. Highlight tab in background thab play audio

Highlighting of Background-audio in inactive tabs

It also supports highlighting of background-audio, if the audio is not playing in the active tab:

Highlight tab in background thab play audio

Custom Icon macOS

There is also a custom icon for macOS, you can apply to Vivaldi, in cas you want a slightly cleaner lookin icon. The icon is taken from: https://de.wikipedia.org/wiki/Datei:Vivaldi_web_browser_logo.svg

I then scale it up a bit, so that it matches the other macOS-Icons (in size and shape).

How to apply the icon

  1. Find Vivaldi in the Applications-folder in the finder
  2. right-click, the Vivald.app and slect Informations
  3. Drage the icon over to the icon in the upper left area of the new window.
  4. restart Vivaldi and the new icon is applied.

If you want to remove that icon again, simply follow the preocedure from above, but instead of adding a new icon, just delete it.

Note

โš ๏ธ You have to reapply the icon after each update of Vivaldi

Flat Vivaldi Iocn

vivaldi-ui-mods's People

Contributors

saschadiercks avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.