Openbox theme: Clearlooks-Flat

Edit: Unfortunately, the images originally included in this post are gone, because of hosting problems in late 2009. My apologies.

In my minority (probably of one), glossy 3D themes for Openbox are a no-no. I like my Openbox windows to look like thin slivers of glass — not gnobby protuberances. I leave the phony 3D effects to the other desktops.

I do, however, like the Clearlooks color scheme. So here’s the default Clearlooks theme that comes with Openbox 3.4.4, modified ever-so-slightly for a flat look, instead of raised.

All the colors are the same and all the only real changes are a theme-wide replacement of the “Raised Gradient Vertical” effect to “Flat Solid” everywhere. In fact, I just commented out the original lines, so you can easily change them back or refer to the originals, if you like.

Download by clicking here: Clearlooks-Flat theme for Openbox 3.4.4.

Of course, like anything I upload to WordPress, I have to change the file extension because of the whacked out naming convention. So if you download it, clip off the .doc part and restore the .tar.bz2, and it shouldn’t give you any hassle when you decompress it.

I was going to try to make an Openbox theme file (an .obt file), but I couldn’t quite figure out the process, and I have other things I need to be doing right now, instead of decrypting the theming feature in OB 3.4.4. I’ll leave it to someone else to come up with that. :)

P.S.: My background is set to #3465a4, a Tango blue, with xsetroot. I’m trying to wean myself off feh and wallpaper altogether, since I don’t really ever get a chance to look at it. You know what I mean? ;)

About these ads

8 Responses to “Openbox theme: Clearlooks-Flat”


  1. 1 billy 2007/09/03 at 5:29 AM

    To create an .obt archive, open obconf and click ‘create obt archive’ (or whatever it is called). Select the directory you’d like to archive, and you’re done. I think it would even work if you just create a tar.gz archive and rename the extension to .obt (it works the other way).

  2. 2 K.Mandla 2007/09/17 at 8:51 PM

    Ah, thanks. I might try that in a bit.

  3. 3 Sy Ali 2009/03/31 at 2:04 AM

    Wow. This is almost exactly like the original blackbox ‘minimal theme’.

    I picked up that old theme and updated it to the newer blackbox, and when I switched to openbox I hand-ported it over there too.

    But then it turned out that the minimal theme was already included in openbox. So I took that and updated it a bit.

    My preferences are only slightly different from the ones in this theme.

    So as it turns out, there are at least a couple of us who like this style. =)

    • 5 K.Mandla 2009/03/31 at 8:41 AM

      I like those. Can you post the configuration file somewhere? or copy it into here?

      • 6 Sy Ali 2009/06/22 at 8:02 AM

        # Select this style with ‘obconf’

        # I combine editing this file, with an entry in my ~/.config/openbox/rc.xml with:
        #
        #
        #
        # Now I can goof around and press alt-f5 to see things live.

        # Window geometry
        padding.width: 2
        padding.height: 2
        border.width: 1
        window.client.padding.width: 1
        window.client.padding.height: 0

        # Window title justification
        window.label.text.justify: Center

        # Active window
        window.active.label.text.font: shadow=n

        window.active.border.color: Black
        # If I leave this blank, it won’t paint the unnecessary double-border
        window.active.client.color:

        window.active.title.bg: Flat
        window.active.title.bg.color: SteelBlue
        window.active.label.bg: Parentrelative
        window.active.label.text.color: White

        # This is the ‘footer’ of every window. A width of 0 turns it off.
        window.handle.width: 1
        window.active.handle.bg: Flat
        window.active.handle.bg.color: Steelblue
        window.active.grip.bg: Flat
        window.active.grip.bg.color: Steelblue

        window.active.button.unpressed.bg: Flat
        window.active.button.unpressed.bg.color: SteelBlue
        window.active.button.unpressed.bg.border.color: SteelBlue
        window.active.button.unpressed.image.color: White

        # Interestingly, this “sticks” when I click the maximize button. Neat.
        window.active.button.pressed.bg: Flat
        window.active.button.pressed.bg.color: #537797
        window.active.button.pressed.bg.border.color: #3d4c5a
        window.active.button.pressed.image.color: White

        window.active.button.disabled.bg: Flat
        window.active.button.disabled.bg.color: #537797
        window.active.button.disabled.bg.border.color: #3d4c5a
        window.active.button.disabled.image.color: #3d4c5a

        window.active.button.hover.bg: Flat
        window.active.button.hover.bg.color: #6993b9
        window.active.button.hover.bg.border.color: #3d4c5a
        window.active.button.hover.image.color: White

        window.active.button.toggled.unpressed.bg: Flat
        window.active.button.toggled.unpressed.bg.color: #6993b9
        window.active.button.toggled.unpressed.bg.border.color: #3d4c5a
        window.active.button.toggled.unpressed.image.color: #cccccc

        window.active.button.toggled.pressed.bg: Flat
        window.active.button.toggled.pressed.bg.color: #537797
        window.active.button.toggled.pressed.bg.border.color: #3d4c5a
        window.active.button.toggled.pressed.image.color: White

        window.active.button.toggled.hover.bg: Flat
        window.active.button.toggled.hover.bg.color: #6993b9
        window.active.button.toggled.hover.bg.border.color: #3d4c5a
        window.active.button.toggled.hover.image.color: White

        # Inactive windows
        window.inactive.label.text.font: shadow=n

        window.inactive.border.color: Black
        window.inactive.client.color: #cccccc

        window.inactive.title.bg: Flat
        window.inactive.title.bg.color: #f1eeea
        window.inactive.label.bg: Parentrelative
        window.inactive.label.text.color: #000000

        window.inactive.handle.bg: Flat
        window.inactive.handle.bg.color: #f1eeea
        window.inactive.grip.bg: Flat
        window.inactive.grip.bg.color: #f1eeea

        window.inactive.button.unpressed.bg: Flat
        window.inactive.button.unpressed.bg.color: #efebe7
        window.inactive.button.unpressed.bg.border.color: #8f8173
        window.inactive.button.unpressed.image.color: #000000

        window.inactive.button.pressed.bg: Flat
        window.inactive.button.pressed.bg.color: #efebe7
        window.inactive.button.pressed.bg.border.color: #8f8173
        window.inactive.button.pressed.image.color: #000000

        window.inactive.button.disabled.bg: Flat
        window.inactive.button.disabled.bg.color: #efebe7
        window.inactive.button.disabled.bg.border.color: #8f8173
        window.inactive.button.disabled.image.color: #8f8173

        window.inactive.button.toggled.bg: Flat
        window.inactive.button.toggled.bg.color: #efebe7
        window.inactive.button.toggled.bg.border.color: #8f8173
        window.inactive.button.toggled.image.color: #000000

        window.inactive.button.hover.bg: Flat
        window.inactive.button.hover.bg.color: #efebe7
        window.inactive.button.hover.bg.border.color: #8f8173
        window.inactive.button.hover.image.color: #000000

        window.inactive.button.toggled.unpressed.bg: Flat
        window.inactive.button.toggled.unpressed.bg.color: #efebe7
        window.inactive.button.toggled.unpressed.bg.border.color: #8f8173
        window.inactive.button.toggled.unpressed.image.color: #000000

        window.inactive.button.toggled.pressed.bg: Flat
        window.inactive.button.toggled.pressed.bg.color: #efebe7
        window.inactive.button.toggled.pressed.bg.border.color: #8f8173
        window.inactive.button.pressed.toggled.image.color: #000000

        window.inactive.button.toggled.hover.bg: Flat
        window.inactive.button.toggled.hover.bg.color: #efebe7
        window.inactive.button.toggled.hover.bg.border.color: #8f8173
        window.inactive.button.toggled.hover.image.color: #000000

        # Menus
        # Right-click on the root menu (the “desktop”)
        # Right-click on a title bar
        menu.border.width: 1
        menu.border.color: White

        menu.title.text.font: shadow=n
        menu.title.bg: Flat
        menu.title.bg.color: SteelBlue
        menu.title.text.color: White
        menu.title.text.justify: Left

        menu.separator.color: White
        menu.separator.width: 1
        menu.separator.padding.width: 0
        menu.separator.padding.height: 0

        menu.items.font: shadow=n
        menu.items.bg: Flat
        menu.items.bg.color: SteelBlue
        menu.items.text.color: White
        menu.items.disabled.text.color: Grey

        menu.items.active.bg: Flat
        menu.items.active.bg.color: White
        menu.items.active.text.color: Black
        menu.items.active.disabled.text.color: Grey

        #Menu geometry
        menu.border.width: 1
        menu.overlap.x: 0
        menu.overlap.y: 0

        # On Screen Display (with alt-tab, etc)
        # I’m not sure how to remove the black background behind the text.
        osd.border.width: 1
        #osd.border.color: Black
        #osd.label.bg: Flat
        #osd.hilight.bg: Flat
        #osd.unhilight.bg: Flat
        #osd.label.text.color: White
        #osd.label.text.font: shadow=n

  4. 7 Sy Ali 2009/06/22 at 8:03 AM

    My comment was stripped out. The key binding I use is this. Replace (( )) with the angled brackets.

    ((keybind key=”A-F5″))
    ((action name=”Reconfigure”/))
    ((/keybind))


  1. 1 Some theming work « Motho ke motho ka botho Trackback on 2008/08/10 at 9:17 PM

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s




Welcome!



Visit the Wiki!

Some recent desktops


May 6, 2011
Musca 0.9.24 on Crux Linux
150Mhz Pentium 96Mb 8Gb CF
 


May 14, 2011
IceWM 1.2.37 and Arch Linux
L2300 core duo 3Gb 320Gb

Some recent games


Apr. 21, 2011
Oolite on Xubuntu 11.04
L2300 core duo 3Gb 320Gb

Enter your email address to subscribe to this blog and receive notifications of new posts.

Join 405 other followers

License

This work is licensed under the GNU Free Documentation License. Please see the About page for details.

Blog Stats

  • 3,963,682 hits

Archives


Follow

Get every new post delivered to your Inbox.

Join 405 other followers

%d bloggers like this: