Xfce Forum

civa

Member

Registered: 2020-10-30

Posts: 2

How to change colors inside pulseaudio-plugin's window

Hello everyone,

Is it possible to change following (this is popup from pulseaudio-plugin - see below) :

1. color of trackbar of the volume slider ?
2. background color of switch button?

using stylesheet that resides in ~/.config/gtk-3.0/gtk.css?

Thanks!

Cheers,
civa

ToZ

Administrator

From: Canada

Registered: 2011-06-02

Posts: 11,485

Re: How to change colors inside pulseaudio-plugin's window

Hello and welcome.

To change the light-blue color of the scale trough:

#pulseaudio-button scale trough highlight { background-color: red; }

To change the switch actived background color:

#pulseaudio-button switch:checked {background-color: red; border-color: red; }

...unless your theme uses an image asset to display the switch (look in your theme's gtk-3.0/assets folder).

---

Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki  |  Community | Contribute ---

civa

Member

Registered: 2020-10-30

Posts: 2

Re: How to change colors inside pulseaudio-plugin's window

Thank you very much ToZ, that did the trick!

I think it would be more helpful for me to change these inside my current theme's gtk.css file (~/.themes/Yaru-dark/gtk-3.0/gtk.css) since I've just realized that the theme itself is responsible for inconsistent colors, but nevertheless, it works perfectly this way.

Thanks once again!

edit : forgot to add a minor touch for switch button to look more appealing :

#pulseaudio-button switch:checked { 
	background-color: #E95420;
	border-color: #E95420;	
	box-shadow: inset 0 1px 1px 0 rgba(233, 84, 32, 0.8);
}

with last line

box-shadow: inset 0 1px 1px 0 rgba(233, 84, 32, 0.8);

switch button looks more natural

and without it will look kinda ugly (notice the top 1px line with original color inside yellow square)

I hope someone will find this helpful.

Cheers,
civa

Last edited by civa (2020-10-30 17:38:42)