Giter Club home page Giter Club logo

vivaldimods's Introduction

VivaldiMods

Stuff for Vivaldi Browser, Bringing together various gists into a repo

IMPORTANT

Vivaldi now has built-in support for CSS mods, so you can install them more easily.

  1. Turn on the option at vivaldi://experiments
  2. Select a folder in Settings > Appearance
  3. Drop all your css mods into that folder

Installing Mods or Page Actions

  1. Find the file called config.json, with the following inside it:
{
    "application_path": "C:\\Program Files\\Vivaldi\\Application",
    "mods": [
        "betterNotes.css",
        "betterNotes.js",
        "always_small_tab_audio.css",
        "autoSaveSessions.js",
        "bluescreen.css"
    ],
    "mod_dependencies": [
        "betterNotesEditor.css",
        "betterNotesEditor.html",
        "betterNotesEditor.js",
        "betterNotesEditor.png"
    ],
    "page_actions": [
        "Image_Chequerboard.css"
    ],
    "splash_fg": "#ee77d9",
    "splash_bg": "#444"
}
  1. Make sure to set the values as you require them:

    • application_path should point to where your vivaldi is installed.
      • Windows Users Point to the folder with all the versions in it, start with drive label and use back slashes: X:\\Path\\To\\Vivaldi. the modder script will auto-detect the numbered folder so you don't need to type it out
      • Linux Users Point to the folder where vivaldi is installed, start with root dir and use forward slashes: /path/to/vivaldi
      • MacOS Users Point to the Vivaldi framework directory: /Applications/Vivaldi.app/Contents/Frameworks/Vivaldi Framework.framework/ (the path must be surrounded by quotation marks or the space escaped).
    • mods is a list of css or js files that need to be added to browser.html. These will be added in the order that you specify, which is important for CSS mods that have cascading rules
    • mod_dependencies is a list of any additional files you need to add in order to use your mods, but that you don't want to add to the actual browser. You won't need these except for very complex mods
    • page_actions is a list of page actions you want to add
    • splash_fg is a hex colour value for the splash screen's icon
    • splash_bg is a hex colour value for the splash screen's background
  2. Run the command python3 custom.py -i config.json - Note that if you need admin permission to write to the Vivaldi directory, this script also requires it

  3. Restart vivaldi if it was open

Combining CSS

By default, the mod will combine all css files into a single stylesheet. If you would prefer not to do this, use the additional -c argument when running the script.

Uninstall Mods or Page Actions

  • Run the command python3 custom.py -u config.json - this will remove all mods and page actions
  • Alternatively, you can keep multiple json files, and when you install a different one, it will remove any changes and only keep the ones you specify

Speed Dial Thumbnails

There are some speed dial thumbnails in the thumbs folder.

Custom Profiles

This can be used to run different copies of Vivaldi simultaneously by using different user data directories. Regular profiles as set within Vivaldi can't be run concurrently, but user data dirs can.

  1. Run the vivaldiprof.cmd script
  2. Enter the name of a profile to use
  3. Press enter

vivaldimods's People

Contributors

lonmcgregor avatar belh4wk avatar 0danielcarr avatar vistaus avatar oinconquistado avatar 16patsle avatar yerbestpal avatar supra107 avatar

Watchers

James Cloos 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.