Chromify

Chrome theme for Vivaldi (CSS-Mod)

Supported versions: 2.10 to 3.4

Probably supported versions: 2.0-2.10

Screenshots

Side-by-side comparison between "theme only" and "theme+css mod"

Install

• Open vivaldi://experiments/
• Tick Allow for using CSS Modifications
• Go to Tools > Settings > Appearance > Custom UI Modifications > [Select folder...] and choose a folder to use for vivaldi mods.
• Place Chromify-mod.css into vivaldi mods folder
• Place Chromify-mod-vivaldi-button.css into vivaldi mods folder (Skip this step if you have enabled the top menu instead of the Vivaldi Button. If you are not sure, do this step)
• Restart the browser

Uninstall

• Just delete Chromify-mod.css (and Chromify-mod-vivaldi-button.css) from the modifications folder

Suggested additional settings

Appearance settings

• Status bar: choose "Status Info Overlay"

Theme colors

• Disable "Accent color from Active Page"
• Disable "Transparent tabs"

Colors for light theme

• Background: #ffffff
• Foreground: #3b3b3b
• Highlight: #006ed7
• Accent: #e2e6e9

Colors for dark theme

• Just choose the predefined "Dark" theme

Start Page settings

• Disable "Show Background Image"
• Background Color: "custom" > choose white