Xfce Forum

Tabespe

Member

Registered: 2019-12-04

Posts: 129

modify Devil-Jaguar theme

Hello,

I have installed this theme:
https://www.gnome-look.org/p/1385712/

When I use this GTK3 theme I have grey stripes in the menu bar:
Picture: https://www.bilder-upload.eu/bild-effbf … 4.png.html

Question 1: How can I remove this stripes?
Question 2: How can I replace this grey stripes through green stripes?

I have searched the GTK3 folder of this theme to find a png with this stripe shape. But was not successful.
Can you please help me? Thank you.

Last edited by Tabespe (2020-07-02 08:20:06)

ToZ

Administrator

From: Canada

Registered: 2011-06-02

Posts: 11,485

Re: modify Devil-Jaguar theme

Question 1: How can I remove this stripes?

Easy answer is to add:

* { background-image: none; }

...to ~/.config/gtk-3.0/gtk.css, for GTK3 elements. For gtk2 elements, replace the "background.png" file in the root directory of the theme with a transparent image. Log out and back in again.

Question 2: How can I replace this grey stripes through green stripes?

You need to look for the background-image directive that defines linear gradients. For example, lines 35:

.background { color: #101010; background-color: #e8e8e8; background-image: linear-gradient(to bottom, #f0f0f0, #e9e9e9 30%, #f1f1f1 75%, #ffffff 75%, #ffffff 100%); background-size: 4px 4px; background-repeat: repeat repeat; }

...and 702:

menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #f8f6f4; background-image: linear-gradient(to bottom, #dee0e2, #eef0f3 30%, #f4f6f8 75%, #eff1f4 75%, #eff1f4 100%); background-size: 4px 4px; background-repeat: repeat repeat; border: 1px solid #686869; }

...of gtk-contained.css. You can change the colour gradient values to change the colour. There are 87 of them. You could identify all of the affected elements add a one-liner to change them all, but you'd still need to identify them.

For gtk2, you'll need to edit that background.png file.

---

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

Tabespe

Member

Registered: 2019-12-04

Posts: 129

Re: modify Devil-Jaguar theme

Thank you.

This has worked:

For gtk2, you'll need to edit that background.png file.

Now I have a orange background in HotShots:
https://www.bilder-upload.eu/bild-43bff … 0.png.html

Is there also a solution for the taskbar?
The red background on the right is from Xfce. I had this color on the whole taskbar. But it was overwritten on the right side by the theme, with grey stripes.
https://www.bilder-upload.eu/bild-6f163 … 6.png.html

Last edited by Tabespe (2020-07-03 14:25:19)

ToZ

Administrator

From: Canada

Registered: 2011-06-02

Posts: 11,485

Re: modify Devil-Jaguar theme

Which distro are you running and which version of xfce4-panel:

xfce4-panel -V

---

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

Tabespe

Member

Registered: 2019-12-04

Posts: 129

Re: modify Devil-Jaguar theme

Distro: MX Linux 19
xfce4-panel 4.14.1 (Xfce 4.14)

Last edited by Tabespe (2020-07-03 15:32:22)

Tabespe

Member

Registered: 2019-12-04

Posts: 129

Re: modify Devil-Jaguar theme

?

ToZ

Administrator

From: Canada

Registered: 2011-06-02

Posts: 11,485

Re: modify Devil-Jaguar theme

Sorry, this took a while. This theme doesn't have any Xfce elements defined, its really not meant to be used with Xfce.

Try changing the panel background style to "Background Image" and specify the "background.png" file located in the gtk-3.0 directory as the image. It should cover those other xfce4-panel elements.

---

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

Tabespe

Member

Registered: 2019-12-04

Posts: 129

Re: modify Devil-Jaguar theme

This is the result with this png:
https://www.bilder-upload.eu/bild-1c2cc … 5.png.html

Gif Animation:
https://www.bilder-upload.eu/bild-26126 … 7.gif.html

strange.

Last edited by Tabespe (2020-07-12 11:33:32)

ToZ

Administrator

From: Canada

Registered: 2011-06-02

Posts: 11,485

Re: modify Devil-Jaguar theme

What is the full contents of your ~/.config/gtk-3.0/gtk.css file?

---

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

Tabespe

Member

Registered: 2019-12-04

Posts: 129

Re: modify Devil-Jaguar theme

This is the content:
It's only this line:

/*set custom gtk3/css code below */

By the way:
After logging out and logging in I get this:
https://www.bilder-upload.eu/bild-aecbf … 1.png.html
This was a fault, that I did not log me out and in before.

But as you can see. It's now different. It has not any more this stripes.
But I have marked sections with only "half green". Strange.

Last edited by Tabespe (2020-07-12 12:50:04)

ToZ

Administrator

From: Canada

Registered: 2011-06-02

Posts: 11,485

Re: modify Devil-Jaguar theme

But as you can see. It's now different. It has not any more this stripes.
But I have marked sections with only "half green". Strange.

The half-green issue is because your green png file has a transparent section down the left side of the image. Make sure the image is all green if you want it green.

---

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

Tabespe

Member

Registered: 2019-12-04

Posts: 129

Re: modify Devil-Jaguar theme

I see. Thank you.