VSIDO Community

VSIDO Support => WM Designs and Discussions => Topic started by: PackRat on October 19, 2013, 05:03:23 PM

Title: Openbox theme for VISDO 2
Post by: PackRat on October 19, 2013, 05:03:23 PM
At request of vastone, working on an openbox theme for VSIDO 2 -

Results to date:

(http://s13.postimg.org/4wudsw543/Screenshot_10192013_12_51_42_PM.jpg) (http://postimg.org/image/4wudsw543/)  (http://s24.postimg.org/lw1yfzhsx/Screenshot_10192013_01_19_07_PM.jpg) (http://postimg.org/image/lw1yfzhsx/)

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 -
Title: Re: Openbox theme for VISDO 2
Post by: jedi on October 19, 2013, 09:18:35 PM
Wow, best OB I've seen!  Nice job!
Title: Re: Openbox theme for VISDO 2
Post by: VastOne on October 19, 2013, 11:56:12 PM
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
Title: Re: Openbox theme for VISDO 2
Post by: PackRat on October 20, 2013, 01:00:30 AM
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 -

(http://s9.postimg.org/uto3stnqj/2013_10_19_1382230487_1600x900_scrot.jpg) (http://postimg.org/image/uto3stnqj/)
Title: Re: Openbox theme for VISDO 2
Post by: blaze on October 20, 2013, 07:27:02 AM
Looking very good PackRat.
Title: Re: Openbox theme for VISDO 2
Post by: VastOne on October 20, 2013, 12:24:16 PM
@PackRat

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

I appreciate this!  ;D
Title: Re: Openbox theme for VISDO 2
Post by: VastOne on October 20, 2013, 03:19:30 PM
@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!
Title: Re: Openbox theme for VISDO 2
Post by: PackRat on October 20, 2013, 06:10:31 PM
Yes - they are done; two additional themes inspired by some extant raptors -

Peregrine - a bluish-gray openbox theme:

(http://s18.postimg.org/gurb53mc5/falcon.jpg) (http://postimg.org/image/gurb53mc5/)

RedTail - an orange-brown openbox theme:

(http://s17.postimg.org/yyutwtl7f/hawk.jpg) (http://postimg.org/image/yyutwtl7f/)
Title: Re: Openbox theme for VISDO 2
Post by: PackRat on October 20, 2013, 06:13:42 PM
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.
Title: Re: Openbox theme for VISDO 2
Post by: PackRat on October 11, 2014, 05:52:14 PM
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


(http://en.zimagez.com/miniature/october14130500161366x768.jpg) (http://en.zimagez.com/zimage/october14130500161366x768.php)