├── ExtraTheme.zip ├── Installation.md └── README.md /ExtraTheme.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UnderscoreAngel/ChromifyVivaldi/d269fff01163f967f7e38afbb0d716230f8bc98b/ExtraTheme.zip -------------------------------------------------------------------------------- /Installation.md: -------------------------------------------------------------------------------- 1 | To Install this theme you might need to enable CSS modifications on Vivaldi 2 | head to vivaldi://experiments/ and checkmark "Enable CSS Modifications" 3 | 4 | ![1](https://github.com/UnderscoreAngel/ChromifyVivaldi/assets/105066360/34f3d4ba-be2c-4c7c-875e-cc9288cc29b2) 5 | 6 | After this you need to specify a directory on the browser to read CSS modifications files, for simplicity, head to the root 7 | directory of your Vivaldi installation and create a new folder 8 | 9 | ![image](https://github.com/UnderscoreAngel/ChromifyVivaldi/assets/105066360/5949cf4d-4e45-44af-ab10-3efd80c25d40) 10 | 11 | Then head to vivaldi settings, type in the address bar of the browser vivaldi://settings/appearance/ and look 12 | for "CUSTOM UI MODIFICATIONS" and click on "select folder" 13 | 14 | ![vivaldi_EA2W3iCAqp](https://github.com/UnderscoreAngel/ChromifyVivaldi/assets/105066360/b281d971-176c-487d-897c-2197740d6079) 15 | 16 | Now select the previous folder/directory you created in the root directory of the browser installation 17 | 18 | ![image](https://github.com/UnderscoreAngel/ChromifyVivaldi/assets/105066360/cbf85c21-bd9e-4111-8927-a4d29f28f6ac) 19 | 20 | After all of that head once more to the root directory of your browser, open the folder you created, and place the .CSS 21 | file in there 22 | 23 | ![image](https://github.com/UnderscoreAngel/ChromifyVivaldi/assets/105066360/03150965-4124-4d92-af97-77839b138725) 24 | 25 | Then Restart the browser 26 | 27 | As an optional extra step, you might want to add the additional theme, for that head to vivaldi://settings/themes/ 28 | and select "open theme" and select the ExtraTheme.zip to add an additional icon and to fix the settings menu. 29 | 30 | ![image](https://github.com/UnderscoreAngel/ChromifyVivaldi/assets/105066360/6699653e-f9fe-4302-b92a-4f4f62291542) 31 | 32 | 33 | 34 | enjoy! /angle :o) 35 | 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # ChromifyVivaldi 2 | a CSS theme for the Vivaldi Browser that tries to imitate or replicate the old Chromium 49ish look. 3 | 4 | ![Sin título](https://github.com/UnderscoreAngel/ChromifyVivaldi/assets/105066360/4070d4b4-3a76-44bb-8313-362279b0a962) 5 | 6 | The code presented here has been modified by several people and it's not 7 | original none of this code belongs to me, here are all the people who 8 | shaped up this theme. 9 | 10 | UnderscoreAngel, LegoSavant/rlego, dinkydau, Darthagnon/DJDL, Darren J. de Lima, TheTiamarth. 11 | 12 | Sources: 13 | 14 | https://forum.vivaldi.net/topic/43148/trapezoid-overlapping-blue-tabs-like-chrome 15 | 16 | https://jsfiddle.net/tvsgoaj9/2/ 17 | 18 | https://www.reddit.com/r/vivaldibrowser/comments/bibb42/what_css_controls_bookmarks_bar_colour_and/em1qove/ 19 | 20 | https://www.reddit.com/r/vivaldibrowser/comments/bibb42/what_css_controls_bookmarks_bar_colour_and/em4xphw/ 21 | 22 | ![lol](https://github.com/UnderscoreAngel/ChromifyVivaldi/assets/105066360/a0db045d-442d-4d49-aa74-c00517e3739f) 23 | 24 | Disclaimer: this theme is not 100% accurate and it has little imperfections, it does not work with dark mode, and it requires to change some icons. 25 | --------------------------------------------------------------------------------