Table of Content

This is a three-parts article. There are few sections here.

Where to Discuss?


Goal: Explaining Openbox Theme Step by Step

Good day ? How are you doing ? We meet again in Window Manager guidance. This time, we will cover Openbox. openbox is a good start before you start to learn other Window Manager.


Before you begin. Reading this, is a must:

All material in this article based from above link.

Table of Content

Here, I present an Openbox Tutorial, step by step, for beginners.

  • matclue - common tricks: (SVG Inkscape and Theme Configuration):

    openbox Theme: matclue - Metallic Material

  • flatypuss - special tricks: (SVG Inkscape and Theme Configuration):

    openbox Theme: flatypuss - Flat Soft Color

Unified Graphic Material

Also: Reusable SVG, as a base for XFWM4 theme.

As usual, we will utilize inkscape SVG as our tools, to create images. In this case XBM.

openbox Theme: openbox SVG slices

This guidance applied for any distribution.

Hint: Use Inkscape’s Batch Export, to export all shapes at once.

SVG Source

SVG source available at:

Using Inkscape XML

I have made my SVG using Inkscape in my PC. I also have made the target for each export for my particular home directory. And of course, you have your own home directory, that is sifferent than mine.


You can easily open the SVG file using any text editor, and do such search and replace to suit your own needs.


xfwm4 Theme: SVG XML Search and Replace

I mostly use text editor to fix dpi issue.

Button Color

Openbox button use XBM format. XBM is a binary image. Hence we do not need any color. Black and White is sufficient.

You can set with compton.

compton -m 0.8

Theme Color

I’m using Google’s material color for theming.

Design by Pixel

Due to tiny size of openbox button, designed made per pixel.

Dotfiles Resources

From dotcats telegram channel and groups. We are mostly cats.


Known dotfiles resources containing XFWM4 theme.


Known dotfiles resources containing openbox tools.

What’s Next

Tutor One, PNG Solid Border. Consider start reading [ Common Inkscape Trick ]. Let’s get it started.