Giter Club home page Giter Club logo

vivaldi-window-buttons-mod's Introduction

Window Buttons Mod for Vivaldi Browser

This is a shell script where when running it adds a new styling to the Vivaldi browser window buttons, leaving them similar to macOS."This is a mod exclusively for Linux".


GitHub repo size licença GitHub last commit

PortuguΓͺs Brasileiro πŸ‡§πŸ‡·


🚧 Dependencies

For the installation process to run as expected, you must first have the following dependency installed on your machine (PC / Computer) πŸ‘‡.

Where is it used?
Used in pop-up notifications and dialogs such as:

Get superuser/administrator password (only used in installation file).

Show messages (pop-up) containing information about the installation process.

How to install ?

First, make sure you have kdialog installed on your machine (if you prefer, the install.sh file does this check for you).

kdialog --version

πŸ’‘ If returning something other than kdialog <version_number> is a sign that you don't have this dependency installed on your machine, if this is exactly your situation, continue with the brief installation process below.

Briefly, run the following command in the terminal to install the dependency:

Distros Debian
sudo apt update && sudo apt install kdialog -y
Distro Arch Linux
sudo pacman -Sy kdialog

πŸ’‘ For more, click on the name kdialog (in blue) there at the beginning of the thread; where you will be redirected to the app's official page.


πŸ‘ Recomendations

If you prefer, you can modify your browser's appearance settings, making it more visually friendly. Just follow the step by step in this πŸ‘‰ video 🎬.

πŸš€ Install

Installation is very simple, just run the install script (`install.sh`) and it will do the rest for you, but pay attention to the initial setup πŸ‘‡.

Initial setting

Before running the installation file install.sh, you need permission to run it. There are two ways to go about this process.
  1. Via dolphin file manager (graphical interface): Right-click the install.sh file and select properties > permissions and check the is executable box.

    is-executable

  2. Via command line (terminal):

    chmod +x ./INSTALL.sh

How to use?

There are also two ways to run the script:
  1. Via dolphin file manager (graphical interface): Double-click the install.sh file.

    run-script

  2. Via command line (terminal):

    ./INSTALL.sh

After running the install.sh file, a dialog box asking for the superuser / administrator password will appear, pass the password to proceed with the installation process.

user-password

The script will check if all dependencies are installed, if the return is positive it will continue with the installation process, at the end of the process if everything goes as expected, a pop-up will appear informing you that the installation was successful. Otherwise, a message (pop-up) will appear informing you of the error found.

successfully-installed

What does this script do ?

This script is to automate the "installation" process of the thumbnail generator

Where will these files be copied to?

The following files will be copied to their respective directories:

usr > share > pixmaps

.
└── icons
   β”œβ”€β”€ an-alert.svg
   └── an-effects.svg

usr > bin

.
└──  vivaldi_buttons_mod

opt > vivaldi > resources > vivaldi > style

.
└──  buttons_macos.css


πŸ€” How to use ?

After following all the steps described above, it's time to run the script that will add a new style to Vivaldi window buttons. The only way to do this is through the terminal, using the command described below πŸ‘‡.
sudo vivaldi_buttons_mod

⚠️ The script must be run as super user/administrator, otherwise it will return an error.

command-line-generate-thumbnails

What does this script do ?

There is a CSS file available in the directory/folder where the Vivaldi browser is normally installed (usually in opt/vivaldi) called 'common.css' which contains certain styles used in the ​​browser interface, what this script will do is add a new style to the end of this 'common.css' file, causing the original style to be 'replaced', leading to the expected result.

⚠️ When updating the browser to a newer version, you will have to rerun the script as the update causes the common.css file to be also updated, thus causing the previously added styling to be undone.


πŸ₯³ Expected result

gif


πŸ“œ License

This project is under license MIT



created with ❀️ by @antonionarcilio

vivaldi-window-buttons-mod's People

Contributors

antonionarcilio avatar imgbotapp avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar

vivaldi-window-buttons-mod's Issues

how to set custom size?

Thank you for this nice script.

i am looking at the css file to see if there is an easy way to decrease (or increase) the button sizes

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.