Into giving Vivaldi a custom look? 😎

Stumbled across an illustration generator recently and foolishly got hooked. After a little research on this forum - I'm happy to know I'm not the only one 🤪

I will add my findings to this thread, too:

Copilot (A cowboy riding a horse in space, watercolor)
e3a6d883-af24-4876-9986-8b06c4c106de-image.png

Icons8 Illustration Generator (Cat sitting at the bus stop in Tokyo, anime-style)
bb30a40c-27ad-47d9-aaea-74612893fa8a-image.png

Stable Diffusion (A robot made of analog stereo equipment, digital art)
ae1b46dc-755e-4281-a0b7-32733bdd8321-image.png

Previous month 31463/187324 ≈ 17%
JPG, 640 x 360, 26 000 Bytes
lipiec
The image is a link to a page with a JPG file!

I would prefer the vertical tab bar if I hadn't already reserved this place of honor for the sidebar (panel).
Even if the tab bar is opposite, the space in between is a bit too narrow for some websites. That's why I keep the tabs in the horizontal bar.

@eskaigarcia said in Does Vivaldi's UI feel out of date to you?:

Went back to this because I has some free time and ended up moving things around trying to make something I think looks clean. I'm pretty sure one can find a thousand problems to it,

Interesting concept. But... where would you have extensions? Zoom controls if enabled?

Having the show/hide panel icon on the panel toolbar won't work if it's closed, so you need to use a keyboard shortcut to open it.

Otherwise 80% of that is doable just using the built-in options. Only thing that would need some work is the workspaces as separate icons, the tab bar moving below the navigation bar, and adding icons to the tab bar.

If you're happy with a right side tab bar, then it's 90% there except for the two extra icons you want on it.

Untitled.png

@LonM I"m not aware you can sync with IOS or android fully so that the main OS apps are no longer needed. I tried syncing on windows and a Mac and gave up in frustration. It would be that Vivialdi sync automatically (or after answering a few questions)
the GOAL would be... when Vivaldi could sync data seamlessly across all platforms with the core communication apps (mail, contacts, calendar,and the host use functionality os no longer required.

usability is the key. it make syncing and app use easier in single cross platform app. there is also a host a integration needs such as phone dealing from contacts that would be needed.

I don't think Vivaldi provides that seamless data integration at present. mobile and desktop needs differ greatly.

@Tembaqt25

If you want to change the design of sites you visit, install the extension Stylus:

https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

@Pathduck Kind of large for an icon. 😛

I like the old arrow into a folder for Save, and of course arrow out of a folder for Open.

@sukhnat That’s pretty good 👍

@Pathduck, until now the profile image in Vivald Social and here.

@Pathduck Oh thank you! I was not sure where everything coding related was, but that really is useful to know! I will probably try that out and release it one by one! 🙂

... and it turns out the trick is to give one of the set elements an id, I picked the one for the green light to come on and called it go; then begin="0s;go.begin+6s" makes it repeat and the others can be given begin="go.begin+2s" and similar for 4s, to make working traffic lights:

<?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg height="10em" class="etartsulli" viewBox="0 0 30 100" xmlns="http://www.w3.org/2000/svg"> <g stroke="none" visibility="hidden"> <circle cx="15" cy="19" r="12" fill="green"> <set attributeName="visibility" attributeType="CSS" to="visible" id="go" begin="0s;go.begin+6s" dur="2s" fill="remove" /> </circle> <circle cx="15" cy="50" r="12" fill="orange"> <set attributeName="visibility" attributeType="CSS" to="visible" begin="go.begin+2s" dur="2s" fill="remove" /> </circle> <circle cx="15" cy="81" r="12" fill="red"> <set attributeName="visibility" attributeType="CSS" to="visible" begin="go.begin+4s" dur="2s" fill="remove" /> </circle> </g> </svg>

So all just my failure to make sense of the SVG spec - problem solved ;^>

@luetage Still hope to see the bookmark bar and the header as bars... but we are on the good path with custom icons ^^

@barbudo2005

Thanks! So far, this is indeed a better solution.

@michaelhersch Hi - these are really nice 😃 👍

A couple suggestions since you're still learning the GIMP:

Rotate the V logo on Michael so that it fits with his posture and make it slightly smaller. Placing the Google logo (or another) inside the eyes of the demon/devils eyes would fit nicely. Add enough opacity so the eyes still show through. Try to avoid the hard contrast of the V logo in the last picture (caused by the lens flare?), and get a better quality logo from here: https://vivaldi.com/press/