Arc for Vivaldi

Integrate Vivaldi with Arc

published 05/14/2017
last updated 05/17/2017
changelog current version: 2.4.1

Here are a few custom themes and some custom css that will make Vivaldi's UI merge flawlessly with Arc. Which, if you're not aware, is a wildly popular theme for Linux.

Features:

Screenshots:

Installation:

Because Vivaldi features a built-in theme editor, it is easier to create a custom Arc theme and then to use this CSS on top of that theme. This custom CSS is necessary to integrate with Arc because you cannot currently customize every aspect of Vivaldi from the editor.

Arc theme settings:

  • Background: #f9f9fa
  • Foreground: #5c616c
  • Highlight: #5294e2
  • Accent: #e7e8eb
  • ✔ Apply Accent Color to Window
  • ✔ Transparent Tabs
  • Corner Rounding: 2px

Arc Dark theme settings:

  • Background: #2f343f
  • Foreground: #d3dae3
  • Highlight: #5294e2
  • Accent: #424959
  • ✔ Transparent Tabs
  • Corner Rounding: 2px
  •  

Arc Darker theme settings:

  • Background: #f5f6f7
  • Foreground: #5c616c
  • Highlight: #5294e2
  • Accent: #2f343f
  • ✔ Apply Accent Color to Window
  • Corner Rounding: 2px
 

The rest:

  1. Save this css as /resources/vivaldi/style/arc.css
  2. To use Arc's window controls without Native Window, download this zip and this script.

    Alternatively, if you prefer, you could ignore this step and continue using Vivaldi's default window buttons. This css removes their background, which makes them more minimal.

    • Unzip window-controls.zip in /resources/vivaldi/style
    • Put arc-window-controls.js in /resources/vivaldi/
    • Open /resources/vivaldi/browser.html
    • In the <head>, paste the following: <link rel="stylesheet" href="style/arc.css" />
    • In the <body>, paste the following: <script src="arc-window-controls.js"></script>
  3. The scrollbars will only affect Vivaldi's UI and, as far as I know, there's nothing I can do about this. But I wrote a user style that will affect web pages as well, and you can install it here.
  4. Relaunch Vivaldi.

For questions or feedback, comment below, reply to Vivaldi forum thread, or email me @ thatiamarth+inq@gmail.com


Home

 
#onlycss changelog