PiXflat Theme

18-05-2022


This is RaspberryPiOS PiXflat modified theme and icons for LXDE (Openbox) / XFCE (xfwm4) / GNOME (GTK).

I love the simplicity and clean look of RasPiOS PiX and PiXflat theme so I wanted to modify it. it is my custom amateur tweak so I can't say it is perfect but at least it looks like RaspiOS theme very close enough. Any contribution to make it perfect is very welcome.

I mostly kept original PiXflat icons, renamed some of them to adapt to Openbox and XFCE and added some additional icons. I've also drawn some other icons and added in scalable format. there was no built in battery icons in PiXflat so i've drawn myself in Inkscape but there are some rendering issues in XFCE. Anyone who can make better battery icons or make my icons better or fix rendering issue is welcome.

For xfwm4 theme I modified Mowi-24 xfwm4 theme and enlarged window title bars to 32px from 24px and made window close/minimize/maximize buttons same with original PiXflat theme. unfortunately after I changed title bar size Mowi xfwm4 theme no longer brought the main PiXflat theme colors so I had to color bars myself. so this also needs fixing. originally Mowi-24 theme takes the colors from main theme.

Mowi-24 xfwm4 theme can be downloaded here: https://www.xfce-look.org/p/1700122/

Theme suits well in LXDE/Openbox as I've experienced in Debian 11 (stable). Some issues in Xfce but mostly it fits well. It requires some tweaks as I've written below. In Gnome theme is not perfectly fitting but theme colors and icons applies good.

I didn't have chance to test theme and icons in other distro so all I've experienced in GTK-2.

As I've mentioned above theme is not perfect so it needs a touch by a person with better GTK theming knowledge.

PiXflat theme

Check the link for more screenshots: https://github.com/b1ack0p/pixflat-theme

What is inside:

  • font : Default RaspberryPiOS font - Piboto
  • gtk-3.0 : contains sample gtk.css file

icons:

  • PiXflat: modified PiXflat icons inherits to Gnome icons (you need to install Gnome icons separately)
  • PiX: retro look of PiXflat icons (early RpiOS icons)
  • gnome-icons: contains Gnome icon theme v3.12.0-3 package

Wallpaper: RaspberryPiOS default wallpapers (rpd-wallpaper)

theme:

  • PiX theme
  • PiXflat theme (modified gray theme)
  • PiXflat-blue theme (modified blue theme)

Getting ready:

  • Copy icon folders to /usr/share/icons ( example: sudo cp -r ../icons/PiXflat /usr/share/icons/ or copy to ~/.icons in your $USER dir.)
  • Copy PiX/PiXflat/PiXflat-blue themes from "themes" folder to /usr/share/themes or copy to ~/.themes in your $USER dir.
  • install font/fonts-piboto_1.2_all.deb file which contains official RaspiOS font set "Piboto"
  • To cache newly installed/loaded fonts: fc-cache -f -v

Setting theme and icons in XFCE:

  • Settings Manager > Appearance > Style > choose one of PiXflat theme
  • Settings Manager > Appearance > Icons > PiXflat icons
  • Settings Manager > Appearance > Font > Default font > PibotoLt Regular 10
  • Settings Manager > Window Manager > choose one of PiXflat for xfwm4 window there and change Font to PibotoLT Regular
  • Settings Manager > Window Manager Tweaks > Compositor > disable "Show shadows under dock windows/regular windows/popup windows/
  • Settings Manager > Mouse and Touchpad > Theme > choose PiXflat (I combined default PiXflat cursor icons with https://store.kde.org/p/1416041/)
"PiX" theme is buggy - needs fixing.
PiXflat icon theme inherits from Gnome 3.12.0-3 icons. You can find Gnome icon theme in the repository directory or you can download from the link below.
IMPORTANT: to use regular icons instead of symbolic icons as status icons on XFCE panel (this is necessary to get correct colored icons for the status icons such as battery/volume/notification icons otherwise they will appear black and broken) edit or create "gtk.css" in your "/home/user/.config/gtk3/gtk.css" and add this line: ".xfce4-panel image { -gtk-icon-style: regular; }" or copy .css file from "/icons/gtk3" to "/home/$user/.config/gtk3/" folder

- you may want to run sudo gtk-update-icon-cache "/usr/share/icons/PiXflat" after selecting icon theme. if you make any change on icon theme run the same command to refresh system.

- you may need this also sudo apt install gtk2-engines

LightDM user image on logon screen:

  • uncomment Hide user greeter image = false in "/etc/lightdm/lightdm.conf"
  • install sudo apt install lightdm-gtk-greeter-settings
  • in LightDM GTK Greeter Settings app choose desired user-greeter image (image should be in directory where system can reach, not in "/home/$user directory")

Same background on LightDM greeter screen with desktop wallpaper:

  • install sudo apt install accountsservice
  • copy wallpapers you wish to use to /usr/share/backgrounds/
  • select Use user wallpaper if available in LightDM GTK Greeter Settings app

Original files:

Github link: https://github.com/minimumattic/pixflat-theme

[Go top]

[Go back to homepage]