UI tweak question...[SOLVED]

[invex]

I'm using Mint 19.1 Cinnamon.
Is it possible to change the color of the number of apps/folders opened?

[smurphos]

The colour of the badge text and background is set by your choice of Cinnamon desktop theme.

If you like other aspects of the theme in use so don't want to change the whole Cinnamon desktop theme you'll need to edit your theme's cinnamon.css file to amend whatever css is set for these style classes.

.grouped-window-list-number-label

.grouped-window-list-badge

If you can confirm what Cinnamon desktop theme you are using and how it was installed I can be more specific....

[invex]

Great!!

I use Adapta theme which I slightly modified and I"m quite sure I didn't touch cinnamon.css
Installed it with a deb file.
Yes, I only want to change the color of the badge.

> I can be more specific....
Thank you in advance.

[smurphos]

OK, maybe I've misunderstood? - I assumed you were referring to the badge on the grouped window list icons in the panel indicating the number of instances of the app open. Is it the emblems in the File Manager you want to change?

By the way i'd recommend using Adapta downloaded via the Themes settings module rather than the upstream version - upstream was abandoned by it's developer not long before Mint 19.1 was released and it doesn't fully support Cinnamon 4.0. The version downloaded via the the Themes settings module does and has had various other bug fixes - it's this version - https://cinnamon-spices.linuxmint.com/t ... iew/Adapta

If it the grouped window list badge you are referring to here is how it looks in the Cinnamon Spices version.

[invex]

Thank you again.
Sorry. I shouldn't send the screenshot. I only sent to show the directory structure.
Yes, I'd love to change the color indicating the number of instances.

[smurphos]

OK in the Cinnamon Spices version of Adapta you need to open the themes cinnamon.css in a text editor and navigate to these lines and edit as required.

The first sets the characteristics of the text, the 2nd the characteristics of the texts background. i.e as written - white text on a black circular background. Don't bother trying to change the font characteristics - they are hard-coded in the grouped-window-list applets code in the current version.

Code: Select all

.grouped-window-list-number-label { font-size: 9pt; color: #FFFFFF; font-weight: 700; }

.grouped-window-list-badge { border-radius: 256px; background-color: #000000; }

In the deb version these lines won't exist in cinnamon.css so you'll need to add them - doesn't really matter where.

Colors can be defined by hex codes or if you want transparency rgba codes.

Examples

Code: Select all

.grouped-window-list-number-label { font-size: 9pt; color: #000000; font-weight: 700; }

.grouped-window-list-badge { border-radius: 1px; background-color: #00BCD4; }

Code: Select all

.grouped-window-list-number-label { font-size: 9pt; color: #D41E00; font-weight: 700; }

.grouped-window-list-badge { border-radius: 256px; background-color: rgba(0, 188, 212, 0.7); }

Code: Select all

.grouped-window-list-number-label { font-size: 9pt; color: #00BCD4; font-weight: 700; }

.grouped-window-list-badge { border-radius: 256px; background-color: rgba(0, 0, 0, 0.01); }

[invex]

Done.
So much joy from such a small tweak
Thank you *very* much!

[smurphos]

You are welcome looks nice.

It would be good to edit the title on your first post in the thread to add [SOLVED]

[invex]

Done.