Coloured Email Labels

[shifte]

Hmm, that should do.

#mail_view div.tree-item:has(li[title='Important']) { color:red; }
#mail_view div.tree-item:has(li[title='Work']) { color:orange; }
#mail_view div.tree-item:has(li[title='Personal']) { color:green; }
#mail_view div.tree-item:has(li[title='To Do']) { color:blue; }
#mail_view div.tree-item:has(li[title='Later']) { color:violet; }

[VAIO73]

@shifte how it works?as I set it up???

[shifte]

@VAIO73
https://forum.vivaldi.net/topic/10549/modding-vivaldi
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

[VAIO73]

@shifte

I have enabled and add custom.css on directory, and not works

SORRY..., WORKS ony English version, but when I switch vivaldi to another language it doesn't work that way...

[Zalex108]

@shifte said in Coloured Email Labels:

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

@VAIO73

[VAIO73]

@Zalex108 works only English version vivaldi, but when I switch vivaldi to another language it doesn't work that way...

[VAIO73]

@Zalex108 colored label works only in English language mutation, when I switch it to another language, you are all in black and white

[Zalex108]

@VAIO73

Finding the Language Name for that Labels and Duplicating the code for those and replacing the names should work.

Keeping English also in case of future Language toggle.

[Zalex108]

@VAIO73

https://forum.vivaldi.net/topic/16684/inspecting-the-vivaldi-ui-with-devtools/

[VAIO73]

@Zalex108 Great, works, but only line, not label...

[shifte]

@VAIO73

Great, works, but only line, not label...

You're right!
Labels color doesn't change in Slovak UI.
Probably it's a Vivaldi bug.

↓ Slovak version

#mail_view div.tree-item:has(li[title='Dôležité']) { color:red; }
#mail_view div.tree-item:has(li[title='Práca']) { color:orange; }
#mail_view div.tree-item:has(li[title='Osobné']) { color:green; }
#mail_view div.tree-item:has(li[title='Urobiť']) { color:blue; }
#mail_view div.tree-item:has(li[title='Na neskôr']) { color:violet; }

.MailLabels-Label[title='Dôležité'] { background-color:red; }
.MailLabels-Label[title='Práca'] { background-color:orange; }
.MailLabels-Label[title='Osobné'] { background-color:green; }
.MailLabels-Label[title='Urobiť'] { background-color:blue; }
.MailLabels-Label[title='Na neskôr'] { background-color:violet; }

.mail_entry.mail_entry.unread .from,
.mail_entry.mail_entry.unseen .from,
.mail_entry.mail_entry.unread .subject,
.mail_entry.mail_entry.unseen .subject {
font-weight: 700;
}

[VAIO73]

@shifte YOU ARE THE BEST....!!! THANK YOU...

[shifte]

(VB-94848) Labels color does not change In non-English UI.

[VAIO73]

@shifte , Yes, it's probably vivaldi's bug

[gmg]

@shifte
You're right. I'll take a look Monday

[shifte]

@gmg
Thanks!
Have a nice weekend!

[WildEnte]

@gmg Monday already, so that means all the bugs I have reported are already fixed

[gmg]

@shifte @VAIO73

Well, I pushed a fix for this to review. Hopefully will be out with next snapshot if it's accepted. Look for VB-94848: Label color does not change in non-English UI

@WildEnte
I know about VB-93994. Haven't fixed it. On the list. I was working on another big issue that I didn't think I'd get in before release so just picking up small fish while they're fresh. You can ping me if you'd like to know which ones.

[WildEnte]

@gmg said in Coloured Email Labels:

You can ping me if you'd like to know which ones.

I was just kidding / couldn't resist
you guys are making great progress and I am just nagging a little. You set the priority for what you work on, I don't believe in what I call "management by decibel", i.e. catering to the loudest complainers

[justresisting]

@shifte Thank you so much! This is one of the simplest changes but it's a complete game-changer for how I work with my email!!

It was -SO- easy to make this change to the Vivaldi UI.

Just go to vivaldi://experiments > click the Allow CSS modifications box > Go to `Settings > Appearance > Custom UI Modiciations > Choose Folder

Open your text editor and write this snippet:

#mail_view div.tree-item:has(li[title='Important']) { color:red; }
#mail_view div.tree-item:has(li[title='Work']) { color:orange; }
#mail_view div.tree-item:has(li[title='Personal']) { color:green; }
#mail_view div.tree-item:has(li[title='To Do']) { color:blue; }
#mail_view div.tree-item:has(li[title='Later']) { color:violet; }

Save as... vivaldi-UI-mods.css (filename doesn't matter, but must end in .css)

My Vivaldi Mail Client is so much more usable now! This is such a little change but it has huge impact on how quickly I can process my mail now!

Is there anyway to upvote this feature? It just makes the read mails match the first