Solved Post your color scheme at Vivaldi 🔴⚪️🔵

[Crimsonshade]

@sushiPlague You're right, this is a great tweak

[stardepp]

{"colors":{"accentBg":"#000000","baseBg":"#92490a","baseFg":"#ffffff","highlightBg":"#ffffff"},"name":"Neues Thema 3","settings":{"accentFromPage":false,"accentOnWindow":false,"borderRadius":"4","tabsTransparent":true},"version":0.1}

[stardepp]

{"colors":{"accentBg":"#ae671e","baseBg":"#620000","baseFg":"#ffffff","highlightBg":"#ffffff"},"name":"Neues Thema 16","settings":{"accentFromPage":false,"accentOnWindow":true,"borderRadius":"4","tabsTransparent":true},"version":0.1}

[bartley]

I've been messing around with CSS lately and I wanted to try to get the old Windows Vista/7 aero style into Vivaldi a little. Here's where I am so far. I'm not really sold on any background image yet, but I wanted to share what I've got.

During the day it uses this.

During the night is swaps to this.

[Velorace]

@victarion You are awesome !

Thanks for the theme :3

[Velorace]

@stardepp Hey whats the scheme of the red and yellow colour?

I loved it!

[stardepp]

{"colors":{"accentBg":"#cccccc","baseBg":"#cccccc","baseFg":"#000000","highlightBg":"#000000"},"name":"Grau in Grau","settings":{"accentFromPage":false,"accentOnWindow":true,"borderRadius":4,"tabsTransparent":false},"version":0.1}

[CantankRus]

@stardepp
Grayt job.

[georgexreplay]

@RayAlpha woooow, can you share this?

[gabevilela]

Currently, I've set this

• BG: #1e1e29
• FG: #babdcf
• HL: #b573f2
• AC: #3e405b

[rebatnaath]

how to upload transparent icons like this when i upload transparent icon the transparent parts turns into white color.

[Catweazle]

Same theme as in Desktop (Iceland)

Colors

Startpage = New Tab Page

Using this gif for Desktop and adjust Vivaldi to use it too

https://i.imgur.com/sOl7n3L.gif

Other gifs (small footprint)I use for Desktop (static) to animate Vivaldi
https://i.imgur.com/j2iBJoX.gif
https://i.imgur.com/lWFEwIf.gif
https://i.imgur.com/6lKuwPW.gif
https://i.imgur.com/vmnx2iE.gif

[Nekomajin]

@rebatnaath
You have to use a custom CSS mod.

[Ornorm]

@rebatnaath Sorry for the basic question, did you use .png files?
(just made a quick test and the transparent parts remain transparent for me)

[rebatnaath]

oh nevermind i figured it out

[Ornorm]

@rebatnaath Could you please explain how?
(just because it might interest other users facing the same issue)

[Abhimanyu]

@stardepp hi, how did you added the 2 bars with yellow background, especially the vertical one as the bookmarks bar can be added in horizontal only either in top or bottom?

[stardepp]

@Abhimanyu Which two bars do you mean? And in my screenshot no bookmarks are visible. I have the status bar on top and the tabs on the right. The visible tab is the quick selection with its own background.

[nomadic]

@stardepp Yeah, I think @Abhimanyu is talking about your status bar and tab bar which they mistook for the bookmark bar.

[Abhimanyu]

@stardepp sorry, as there were lots of tabs open and only their icons visible, i mistook your tabs bar to be bookmarks bar. By the way don't you think there should be option to add bookmarks bar vertically as there is screen space constraint along the height of the screen rather than its width?