Coloured Email Labels

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... 2023-01-28 14.27.40 vivaldi 6a694d8df83f.jpg

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

Mail Panel

Pesala

@justresisting Yes, this is helpful. Users with different label names will need to edit the code, and/or if they want different colours.

I put all of my CSS code changes in a single custom.css file, and add headers for each section.

/* Coloured Subject Titles for Email Labels */
#mail_view div.tree-item:has(li[title='Bug']) { color:red; }
#mail_view div.tree-item:has(li[title='Confirmed']) { color:red; }
#mail_view div.tree-item:has(li[title='Fixed']) { color:red; }
#mail_view div.tree-item:has(li[title='Reference']) { color:orange; }
#mail_view div.tree-item:has(li[title='Important']) { color:violet; }
#mail_view div.tree-item:has(li[title='Reference']) { color:blue; }
#mail_view div.tree-item:has(li[title='ToDo']) { color:white; }
#mail_view div.tree-item:has(li[title='Willnotdo']) { color:black; }

Durtro

Yep. Also use this. Never understood why they introduced default labels with colors on the sidebar only and without any type of configurability. In my case the styling isn't even coherent, in some parts of the UI, between a windows and a linux installation.

Anyway, labels should be labels and default labels should be labels marked as important, like in mailing lists. Color or emphasis settings should be available for every label.