I will be migrating these themes to my other project to keep all my themes in one location. I will reference this project as I migrate things over.
The minimal dark theme inspired by Material Theme for Vivaldi web browser.
Material, Material Darker, Material Deep Ocean, Material Palenight, Material Lighter
- Open Vivaldi's Settings
- Linux: Menu > Tools > Settings (
Ctrl+F12) - Windows: Tools Menu > Settings (
Ctrl+F12) - MacOS: Menu > Preferences (
Command+,)
- Linux: Menu > Tools > Settings (
- Select
Themesin the panel - Click the
+and enter a name (e.g., Material) - Copy the theme's
.jsonvalues to the Vivaldi theme
For example, if I want the traditional Material theme:
- Background:
#263238 - Foreground:
#b0bec5 - Highlight:
#546e7a - Accent:
#546e7a
See Themes for the available Material Theme color palettes.
See Recommendations for recommended Vivaldi-Material color/setting combinations.
This feature is not currently implemented.
If you have ideas how to automatically generate/update/sync Vivaldi themes, please see Contributing. I would love to have this feature.
The Material Themes are created from the color palettes found here.
I like to use the following theme colors for the Vivaldi theme settings.
| Vivaldi Setting | Default | Alternate | Colorful |
|---|---|---|---|
| Background | background | background | background |
| Foreground | foreground | foreground | foreground |
| Highlight | comment | accent/color | accent/color |
| Accent | selection | selection | accent/color |
Note: Some
highlightandaccentmaterial colors can be difficult to see with their corresponding Vivaldi settings.
If you like a pop of color in your theme, I would use the Alternate or Colorful suggestions.
If you would like to contribute to this project, feel free to
Please email me if you have any other questions or feedback!