Table of Content
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):
flatypuss - special tricks: (SVG Inkscape and Theme Configuration):
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.
This guidance applied for any distribution.
Hint: Use Inkscape’s Batch Export, to export all shapes at once.
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.
I mostly use text editor to fix dpi issue.
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.
I’m using Google’s material color for theming.
Design by Pixel
Due to tiny size of openbox button, designed made per pixel.
From dotcats telegram channel and groups. We are mostly cats.
Known dotfiles resources containing XFWM4 theme.
Fikri Omar: fikriomar16/OBTheme-Collections
White Cat: addy-dclxvi/openbox-theme-collections
Hard Cat: epsi-rns/dotfiles/../themes
Black Cat: noirecat/arc-ob-theme
Known dotfiles resources containing openbox tools.
openbox Theme Generator - Create your own Openbox-theme from .Xresources
Fikri Omar: fikriomar16/obtgen
Patches for Openbox with Rounded Corners
Nanda Vera: yuune/openbox-patched
Tutor One, PNG Solid Border. Consider start reading [ Common Inkscape Trick ]. Let’s get it started.