Materia-theme: Xfce support

Created on 12 Aug 2016  路  11Comments  路  Source: nana-4/materia-theme

I'm on xfce 4:12, but I think it also concerns other d.e. . The panel has the same style of gtk theme, which is cute but a bit monotonous. I thought that you could adopt a different style for the panels, maybe a dark color, to make it a little differently.
screenshot_2016-08-12_12-09-08
screenshot_2016-08-12_12-08-39

support

Most helpful comment

@charbelnicolas Thanks for your suggestion! They looked too crowded indeed, so I've added some margins to the daialog buttons :)

All 11 comments

Flat-Plat is currently not supported Xfce, but I will support it if I have time.

After moving Xfce4-panel to GTK+3 (currently have 4.12.1 on Debian Testing) there appeared a static top padding in the datetime applet. This padding does not depend on font size and does not reproduce with other themes.
2016-11-20-142427_1366x768_scrot

I added initial implementation for Xfce theming (GTK3), although it's not yet perfect. (Supporting for GTK2 version is also not yet.)

Tested on Xfce 4.13 (Ubuntu 18.10)

TODO:

  • [ ] GTK3: FIx #XfceNotifyWindow styling
  • [ ] GTK3: FIx #xfwm-tabwin styling
  • [x] ~Xfwm4: Change frame width to 2px~
  • [x] ~Xfwm4: Change corner radius to 4px~
  • [ ] GTK2: Support Xfce 4.12 (hopefully)

Hello @nana-4

For xfce4-panel _(v4.12 GTK2)_ on standard Materia, I suggest you to use bits from Materia-dark and set panel background to #383838.

Here's what it looks like _(I'm using dark variant + #383838 panel bg)_, don't care about the green colors I customized theme to fit the distro:
capture
_edit: didn't see it before uploading, white bottom border is from my VM window, so don't worry about it._

Currently, standard variant panel _(with panel bg using theme defaults)_ is like this:
capture1
BTW, light variant is the same except that dark grey parts are black.

Keep up the good work, Xfce full support would be great. Of course GTK3 will probably come this year, but a lot of distros will be on <4.14 for quite a long time _(Ubuntu LTS, Debian, other slow point releases...)_.

EDIT2: I see that Materia doesn't have a dedicated panel.rc file _(which is used by Xfce and iirc MATE)_.
EDIT3: I tried to make a dedicated panel.rc but menu and some tray icons still have a dark background, with other themes having a good Xfce support, it doesn't happen, I think there's something conflicting in gtkrc or other rc files.

Hi @DarthWound, thanks for your suggestion.

I agree that Materia should support v4.12 as well. But Materia uses #212121 instead of #383838 for panels by default. So I'd choose that color unless there is any special reason :)

Thanks, didn't see the "panel" line in colors.scss :)

EDIT:

Well, with the right color _(#212121)_, my panel.rc _(based on zukitwo)_ is ok _(for standard and dark, I didn't tweak light gtkrc yet)_. It's basic, but should do the job for now.

  • add in gtkrc:
# Panel
gtk-color-scheme = "panel_bg_color:#212121\panel_fg_color:#F2F2F2"

and

include "panel.rc"
  • panel.rc available here _(exp in 1 month)_.

  • Screenshot _(again, don't mind the green colors)_:
    capture d ecran_2019-02-11_11-28-45

The materia theme looks beautiful on XFCE, but I was just wondering if it is possible to add a margin to some of the panel buttons so it doesn't look too crowded? or add some padding to the parent panel? Is it possible to modify this?

Screenshot_2019-09-06_22-07-20

Please see the attached image so you can understand what I mean.

Thanks in advance...

padding

If would be nice to know if there is a way to make all the buttons behave in the same way as it is with the lightdm gtk greeter settings.

@charbelnicolas Thanks for your suggestion! They looked too crowded indeed, so I've added some margins to the daialog buttons :)

Thanks, that's awesome!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

torqueyy picture torqueyy  路  3Comments

USBA picture USBA  路  3Comments

luispabon picture luispabon  路  3Comments

fakhamatia picture fakhamatia  路  3Comments

TechnoSparks picture TechnoSparks  路  3Comments