Xfce Forum

Sub domains
 

You are not logged in.

#1 2020-10-30 16:15:12

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?

LzkMSrH.png

Thanks!

Cheers,
civa

Offline

#2 2020-10-30 16:52:18

ToZ
Moderator
From: Canada
Registered: 2011-06-02
Posts: 7,111

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).

Offline

#3 2020-10-30 17:21:49

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
NhFd2MU.png

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

I hope someone will find this helpful.

Cheers,
civa

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

Offline

Board footer

Powered by FluxBB