[CSS Theme] VivaldiRedesign v1.5 by LePliex (Pliex) [Vivaldi Version: 3.6.2165.34]
-
Hi guys, I made a CSS Design and tried to make it modern as possible.
The CSS Design is always for latest Vivaldi Stable version.
download link: https://github.com/LePliex/VivaldiRedesign-v1.5-by-LePliex/tree/master
Speed Dial/Start Page/ Sidebar:
Settings:
Address-bar:
Bookmarks:
Add Web Panel:
Web Panels:
local:
Online:
History (vivaldi://history):
Have fun with the CSS file and let me know if you like it.
If you have a critic, then say it to me and I try to fix it if I have the time.
Have a nice day.
Changes (from v1.5)
======================================
-
made ready for the version 3.6
-
fixed Vivaldia Game window at Start page
-
fixed break and clock window.
-
fixed bookmark site + input & picture preview rounded.
-
fixed extension window
-
fixed account-dialog
-
fixed new-tabs stacks
-
Lock icon dyed green
-
unsecure site text dyed red
-
Block shield & Vivaldi icon dyed green [at the adressbar]
-
[vivaldi://history] category: week & month redesigned
-
redesigned disabled buttons
-
redesigned at adressbar => Dropdownmenu , the errarse button to red [in hover-mode]
Changes (from v1.4)
======================================
- Made ready for the Version 3.4.2066.76 (fixed some errors)
- redesigned a bit the address bar buttons(plus extension buttons & box)
- rounded the border of the game play button
Changes (from v1.3)
======================================
- Fixed sidebar
- Fixed cursor at the speed dial
- Fixed search at the speed dial + a bit redesigned
- Active tab rounded (a bit)
- Fixed hover Vivaldi logo
- Redesigned History (vivaldi://history)
- improved add button (For web-panels)
- rounded the Google icons
- added more pointer cursor
- rounded more the address-bar
- fixed Search field (where the search engines are)
- fixed address-bar rounding
Changes (from v1)
======================================
General:- changed close, maximize, and minimize button.
======================================
Sidebar: - Made icons borderless.
- Sidebar feels like the Opera sidebar (a bit).
- Vivaldi logo at hover redesigned.
======================================
Web Panel:
-
Redesigned buttons a bit.
-
some buttons have cyan hover.
-
Redesigned "Add Web Panel".
-
Redesigned "Icons of Add Web Panel"
======================================
Address-bar: -
Made the address-input modern.
-
Rounded the icon.
======================================
Bookmark: -
Removed border-bottom and border-top.
-
Hover redesigned.
======================================
Start Page: -
Icons (speed dials sites) rounded.
-
"Add new Site" redesigned.
-
Add Bookmark to Speed Dial redesigned.
======================================
Settings: -
Redesigned the Gui a bit.
======================================
Take a break: -
corner rounded.
======================================
If I forget something to mention, I am sorry, but I changed really much.
-
-
@Gwen-Dragon okay.
-
@Gwen-Dragon The design is for the latest version. I will correct all this. But first, I make screenshots.
-
@Gwen-Dragon I use currently the stable version of Vivaldi. Therefore is it for the stable version
-
@Gwen-Dragon so, I updated everything, what you said
-
looks fine but I feel stupid as I didnt find any options to import this CSS in Vivaldi parameters panel... anyone would be kind enough to indicate how to use the CSS theme in Vivaldi ? (I also looked in the gut hub readme file .. and nothing...) (I'm on MacOS)
-
@guillaumedhios Hello guillaumedhios. No need to feel stupid when you try to learn...
You can find the "How to" here.
I hope this helps.Quick digest :
Vivaldi 2.6 and above
Open vivaldi://experiments
Enable "Allow for using CSS modifications"
Open Appearance section in settings
Choose the folder you want to use
Place your CSS files inside it
Restart Vivaldi to see them in effect
-
Great ! got it
Thank you for for replyMay I suggest to LePliex to add this in a "Noob to Vivaldi mod" section in its readme file in github.
-
-