Openbox theme for VISDO 2

PackRat

At request of vastone, working on an openbox theme for VSIDO 2 -

Results to date:

 

Some minor changes to VSIDO aesthetics -

1. Added a clock to the top lxpanel, and this panel is no longer treated as a dock with reserved space to maximize vertical screen real estate.
2. Cleaned up the conky_ob_rc file - removed some double entries and balanced out the linear spacing with ${offset xx}; no changes to colour or system variables.
3. Using a comptonobx.conf - adds some shadows, fade effects, conky window and lxpanel are now excluded from compton effects.

Many additions to rc.xml file to provide window movement and resizing; key binding control to launch VSIDO apps.

thoughts -
I am tired of talk that comes to nothing.
-- Chief Joseph

...the sun, the darkness, the winds are all listening to what we have to say.
-- Geronimo

jedi

Wow, best OB I've seen!  Nice job!
Forum Netiquette

"No matter how smart you are you can never convince someone stupid that they are stupid."  Anonymous

VastOne

Perfection IMO.... though I can be easily led when it comes to OpenBox.  I would like to hear from those who do use OB and get their input

Thanks so much PackRat
VSIDO      VSIDO Change Blog    

    I dev VSIDO

PackRat

muchas gracias. amigos

but this is linux after all so I tweaked it - changed the title bars to "raised splitvertical gradient" to bring it in line with the default SlicknessS gtk theme, standardized some 0bx font sizes -

I am tired of talk that comes to nothing.
-- Chief Joseph

...the sun, the darkness, the winds are all listening to what we have to say.
-- Geronimo

blaze

blazingaway

VastOne

@PackRat

When you finalize it all, send it to me and it becomes VSIDO lore...

I appreciate this!  ;D
VSIDO      VSIDO Change Blog    

    I dev VSIDO

VastOne

@PackRat...
I do not want to pressure you  :P ... but can you get the OB stuff to me today?  After my tournament and later tonight I will be building new ISO's due to the release of kernel 3.11-1 to the SID repos and I want to include the new OB setup within it

Thanks!
VSIDO      VSIDO Change Blog    

    I dev VSIDO

PackRat

Yes - they are done; two additional themes inspired by some extant raptors -

Peregrine - a bluish-gray openbox theme:



RedTail - an orange-brown openbox theme:

I am tired of talk that comes to nothing.
-- Chief Joseph

...the sun, the darkness, the winds are all listening to what we have to say.
-- Geronimo

PackRat

Here is the conkyrc I'm using - it's the default, cleaned up a bit:

# .conkyrc - Edited from various examples across the 'net
# Used by VastOne on VSIDO
#
#

background yes
use_xft yes
xftfont LaudatioC:size=12.5
xftalpha 1.0
update_interval 2
total_run_times 0

### Window
own_window yes
own_window_colour 010101
own_window_type normal
own_window_transparent yes
own_window_title ConkySemi
own_window_class conky-semi
own_window_hints undecorated,below,sticky,skip_taskbar,skip_pager

###
default_bar_size 240 6
double_buffer yes
minimum_size 1000 36
maximum_width 1000
draw_shades no
draw_outline no
draw_borders no
draw_graph_borders yes
border_width 1
border_inner_margin 0
border_outer_margin 0
if_up_strictness address
max_specials 1024
max_user_text 2048
text_buffer_size 2048
no_buffers yes
uppercase no
cpu_avg_samples 2
net_avg_samples 1
override_utf8_locale no
use_spacer right
short_units yes
pad_percents 1
top_name_width 12
imlib_cache_size 128

# Default colors and also border colors
default_color 0F0F0F
color0 000000
color1 FFFFFF
color2 FF0000
color3 FFFF00
color4 0000FF
color5 00FF00
color6 FFA500
color7 00C8FF
color8 FFFF00
color9 F40E00

default_shade_color color1
default_outline_color color0

alignment top_left
# alignment top_middle
# alignment bm
gap_x 4
gap_y 4

# lua_load ~/Conky/LUA/draw-bg.lua
# lua_draw_hook_pre draw_bg 10 0 0 0 0 0x000000 0.3

TEXT
${image $HOME/images/vsidoorb.png -s 38x38 -p 1,-1}${offset 56}${voffset 4}${color 73AEB4}Kernel:${color 7D8C93}${offset 8}$kernel${offset 12}${color 73AEB4}Uptime:${offset 8}${color lime green}${uptime_short}${offset 12}${color 73AEB4}CPU:${offset 8}${color 7D8C93}${cpu cpu0}%${offset 12}${color 73AEB4}MEM:${offset 8}${color 7D8C93}${memperc}%${offset 8}${mem}${offset 4}/${offset 4}${memmax}${offset 12}${color 73AEB4}HD:${offset 8}${color 7D8C93}${execpi 30 hddtemp -n /dev/sda}°C${offset 12}${color 73AEB4}NET:${offset 8}${color 7D8C93}${voffset 1}${downspeedgraph eth0 12,65 000000 ff0000}${offset 12}${upspeedgraph eth0 12,65 000000 00ff00}


and the comptonobx.conf

# Shadow
shadow = true;
no-dnd-shadow = true;
no-dock-shadow = true;
#clear-shadow = true;
shadow-radius = 7;
shadow-offset-x = -10;
shadow-offset-y = -10;
shadow-opacity = 0.7;
# shadow-red = 0.0;
# shadow-green = 0.0;
# shadow-blue = 0.0;
shadow-ignore-shaped = true;
shadow-exclude =  [ "n:e:xfce4-notifyd", "n:e:Notification", "n:a:ConkySemi", "n:a:panel" ];

# Opacity
menu-opacity = 1.0;
inactive-opacity = 0.9;
frame-opacity = 1.0;
inactive-opacity-override = true;
alpha-step = 0.06;

# Fading
fading = true;
fade-delta = 10;
fade-in-step = 0.08;
fade-out-step = 0.08;
# no-fading-openclose = true;

# Other
mark-wmwin-focused = true;
mark-ovredir-focused = true;
detect-rounded-corners = true;
detect-client-opacity = true;
#refresh-rate = 0;
#vsync = "none";
dbe = false;
paint-on-overlay = false;
sw-opti = false;

# Window type settings
wintypes:
{
  tooltip = { fade = true; shadow = false; opacity = 0.85; };
};


will make the obt files for the themes.
I am tired of talk that comes to nothing.
-- Chief Joseph

...the sun, the darkness, the winds are all listening to what we have to say.
-- Geronimo

PackRat

#9
A dark with blue openbox theme to match the dorian gtk3 stock theme; bit of a hack because I don't mess with openbox too much. There is already a dorian openbox theme included with the gtk3 theme, but the color changes are in the windecs, not the title bars. This theme is more traditional change of titlebars:

# theme template openbox 3.5

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

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

# Border colors
window.active.border.color: #154478
window.inactive.border.color: #141414
menu.border.color: #141414
window.active.client.color: #141414
window.inactive.client.color: #141414

# Text shadows
window.active.label.text.font: shadow=n:shadowtint=70:shadowoffset=1
window.inactive.label.text.font: shadow=n:shadowtint=20:shadowoffset=1
menu.items.font: shadow=n
menu.title.text.font: shadow=n:shadowtint=70:shadowoffset=1

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

# Active window
window.active.title.bg: flat
window.active.title.bg.color: #154478
window.active.title.bg.colorTo: #4d6982
window.active.title.bg.interlace.color: #7788cc

window.active.label.bg: parentrelative
window.active.label.text.color: #ffffff

window.active.handle.bg: flat
window.active.handle.bg.color: #141414
window.active.handle.bg.colorTo: #4d6982

window.active.grip.bg: flat
window.active.grip.bg.color: #154478
window.active.grip.bg.colorTo: #4d6982

window.active.button.unpressed.bg: Flat Border
window.active.button.unpressed.bg.color: #154478
window.active.button.unpressed.bg.colorTo: #55799a
window.active.button.unpressed.bg.border.color: #10345C
window.active.button.unpressed.image.color: #ffffff

window.active.button.pressed.bg: Flat border
window.active.button.pressed.bg.color: #537797
window.active.button.pressed.bg.colorTo: #50708e
window.active.button.pressed.bg.border.color: #10345C
window.active.button.pressed.image.color: #ffffff

window.active.button.disabled.bg: Flat Border
window.active.button.disabled.bg.color: #154478
window.active.button.disabled.bg.colorTo: #50708e
window.active.button.disabled.bg.border.color: #10345C
window.active.button.disabled.image.color: #A0A0A0

window.active.button.hover.bg: Flat Border
window.active.button.hover.bg.color: #6993b9
window.active.button.hover.bg.colorTo: #55799a
window.active.button.hover.bg.border.color: #10345C
window.active.button.hover.image.color: #ffffff

window.active.button.toggled.unpressed.bg: Flat Border
window.active.button.toggled.unpressed.bg.color: #154478
window.active.button.toggled.unpressed.bg.colorTo: #55799a
window.active.button.toggled.unpressed.bg.border.color: #10345C
window.active.button.toggled.unpressed.image.color: #A0A0A0

window.active.button.toggled.pressed.bg: Flat Border
window.active.button.toggled.pressed.bg.color: #537797
window.active.button.toggled.pressed.bg.colorTo: #50708e
window.active.button.toggled.pressed.bg.border.color: #10345C
window.active.button.toggled.pressed.image.color: #ffffff

window.active.button.toggled.hover.bg: Flat Border
window.active.button.toggled.hover.bg.color: #6993b9
window.active.button.toggled.hover.bg.colorTo: #55799a
window.active.button.toggled.hover.bg.border.color: #10345C
window.active.button.toggled.hover.image.color: #ffffff

# Inactive windows
window.inactive.title.bg: Flat
window.inactive.title.bg.color: #141414
window.inactive.title.bg.colorTo: #d8cfc7

window.inactive.label.bg: Parentrelative
window.inactive.label.text.color: #141414

window.inactive.handle.bg: Flat
window.inactive.handle.bg.color: #141414
window.inactive.handle.bg.colorTo: #d8cfc7

window.inactive.grip.bg: Flat
window.inactive.grip.bg.color: #141414
window.inactive.grip.bg.colorTo: #d8cfc7

window.inactive.button.unpressed.bg: Flat
window.inactive.button.unpressed.bg.color: #141414
window.inactive.button.unpressed.bg.colorTo: #ddd6ce
window.inactive.button.unpressed.bg.border.color: #8f8173
window.inactive.button.unpressed.image.color: #141414

window.inactive.button.pressed.bg: Flat Border
window.inactive.button.pressed.bg.color: #154478
window.inactive.button.pressed.bg.colorTo: #ddd6ce
window.inactive.button.pressed.bg.border.color: #8f8173
window.inactive.button.pressed.image.color: #FFFFFF

window.inactive.button.disabled.bg: Flat
window.inactive.button.disabled.bg.color: #141414
window.inactive.button.disabled.bg.colorTo: #ddd6ce
window.inactive.button.disabled.bg.border.color: #141414
window.inactive.button.disabled.image.color: #141414

window.inactive.button.toggled.bg: Flat Border
window.inactive.button.toggled.bg.color: #141414
window.inactive.button.toggled.bg.colorTo: #ddd6ce
window.inactive.button.toggled.bg.border.color: #141414
window.inactive.button.toggled.image.color: #141414

window.inactive.button.hover.bg: Flat Border
window.inactive.button.hover.bg.color: #154478
window.inactive.button.hover.bg.colorTo: #ddd6ce
window.inactive.button.hover.bg.border.color: #141414
window.inactive.button.hover.image.color: #FFFFFF

window.inactive.button.toggled.unpressed.bg: Flat
window.inactive.button.toggled.unpressed.bg.color: #141414
window.inactive.button.toggled.unpressed.bg.colorTo: #ddd6ce
window.inactive.button.toggled.unpressed.bg.border.color: #141414
window.inactive.button.toggled.unpressed.image.color: #141414

window.inactive.button.toggled.pressed.bg: Flat
window.inactive.button.toggled.pressed.bg.color: #141414
window.inactive.button.toggled.pressed.bg.colorTo: #ddd6ce
window.inactive.button.toggled.pressed.bg.border.color: #8f8173
window.inactive.button.pressed.toggled.image.color: #141414

window.inactive.button.toggled.hover.bg: Flat Border
window.inactive.button.toggled.hover.bg.color: #154478
window.inactive.button.toggled.hover.bg.colorTo: #ddd6ce
window.inactive.button.toggled.hover.bg.border.color: #141414
window.inactive.button.toggled.hover.image.color: #141414

# Menus
menu.title.bg: Flat
menu.title.bg.color: #154478
menu.title.bg.colorTo: #4d6982
menu.title.text.color: #ffffff
menu.title.text.justify: Center

menu.separator.color: #444444
menu.separator.width: 1
menu.separator.padding.width: 6
menu.separator.padding.height: 3

menu.items.bg: Flat Solid
menu.items.bg.color: #141414
menu.items.text.color: #DDD6CE
menu.items.disabled.text.color: #aaaaaa

menu.items.active.bg: Flat
menu.items.active.bg.color: #154478
menu.items.active.bg.colorTo: #50708d
menu.items.active.text.color: #FFFFFF
menu.items.active.disabled.text.color: #A0A0A0


I am tired of talk that comes to nothing.
-- Chief Joseph

...the sun, the darkness, the winds are all listening to what we have to say.
-- Geronimo