Solved Post your color scheme at Vivaldi 🔴⚪️🔵

[antoinerenault]

Awesome ! I didn't know this feature before !
This is my speed dial corrected.! Capture.PNG
Thank you for your fast help.

[luetage]

@Pathduck Somehow I like the cut speed dials better. Look more dynamic.

[Pathduck]

@antoinerenault Looks great. For improvements you could try to find transparent logo files, you can easily find these with an image search.

You could also try adding some padding to avoid the image being all the way to the edge:

.speeddial .dial .thumbnail-image {
	padding: 1em;
}

@luetage If the user wants dynamic they could try using GIF and APNGs

[Pesala]

Scheduled Themes

I am testing a new electricity tariff to see if it can save money. By scheduling my themes to change at the most expensive times, Vivaldi will warn me when it is the best time to take a break.

• Softer View = Lowest rate at night
• Octopus = Highest rate mornings and evenings
• Sandy = Medium high rate afternoons.

[waleedskhan2007]

@LongLife I like your scheme. Did you use custom css or just changed the icon and wallpaper?

[Catweazle]

@waleedskhan2007 , you can activate in the configuration to directly accept CSS files, but at least for me, the configuration possibilities are more than enough

[waleedskhan2007]

@LongLife Can I get your css code? I want to do something cool like this.

[waleedskhan2007]

Here is mine. I'm just new to Vivaldi and learning about it.

[Catweazle]

@waleedskhan2007 , welcome and enjoy Vivaldi
I have been with Vivaldi from the beginning and still learning new things.

[waleedskhan2007]

@LonM How did you edit the icons on the panel, like the twitch icon? I can't find a way to do that

[LonM]

@waleedskhan2007 In this case I used a custom CSS. I made the existing icons gray unless active.

[LongLife]

@waleedskhan2007

Hey. The only thing that I tweaked there is one line of CSS to change the transparency of the speed dial icons background.

If you want the speed dial icons to have a transparent background you can create a new .css file and paste this in

.speeddial .dial {
    background-color: #00000000 !important;
}

after that go to Settings>>Appearance>>Custom UI Modification and choose the .css file that you just created.

For speed dial icons I just googled something like: "brand assets for twitter" (for example)
and you will usually find an official page on their site where you can download the logo in white.
The ones that I couldn't find I just modified/recolored in photoshop.
Changing speed dial icons is simple as rightclicking the speed dial thumbnail and clicking "Select custom thumbnail..."

There used to be an option to put custom image for the tab bar background specifically.
They've changed since and now startpage background image and tab bar background image share the same image...
If you go to Settings>>Themes>>Background>>Custom you can place any image you'd like there and it will change the background of the startpage.
Just under the Background section you can see Color section and checking "Transparent Tab Bar" will make it so that the background image of the startpage can be also seen on the Tab Bar.

[waleedskhan2007]

@LongLife Thank you! I will try right now.

[waleedskhan2007]

Redesigned things
![0_1618833022648_832f71b6-82b6-4353-a2ad-4f01977025d4-image.png]

[Catweazle]

@waleedskhan2007 , I cant see the image
Markdown code for insert images is

![](image url)

[waleedskhan2007]

@Catweazle Yes i know i think it is because of big file size maybe. I will try again.

[waleedskhan2007]

The image quality is a bit bad because the file size was just too big and i had to compress it

[waleedskhan2007]

https://imgur.com/a/0bTkcDu
I wish this will be better.

[Catweazle]

@waleedskhan2007 , if they are very large, I upload the captures to Lunapic. There I can resize them and even edit them, Lunapic itself later gives me the imgur link to insert it.
Also a extension for Vivaldi for images from the web

[luangjokaj]

Less is more.