diff --git a/dlanguilib.dproj b/dlanguilib.dproj
index 584b02d1..8e382708 100644
--- a/dlanguilib.dproj
+++ b/dlanguilib.dproj
@@ -161,11 +161,22 @@
     <Compile Include="3rdparty\X11\xcb\xvmc.d" />
     <Compile Include="3rdparty\X11\keysymdef.d" />
     <Compile Include="3rdparty\X11\xcb\image.d" />
+    <Compile Include="src\dlangui\core\events.d" />
+    <Compile Include="..\DerelictFI\source\derelict\freeimage\freeimage.d">
+      <Link>3rdparty\DerelictFI\freeimage.d</Link>
+    </Compile>
+    <Compile Include="..\DerelictFI\source\derelict\freeimage\functions.d">
+      <Link>3rdparty\DerelictFI\functions.d</Link>
+    </Compile>
+    <Compile Include="..\DerelictFI\source\derelict\freeimage\types.d">
+      <Link>3rdparty\DerelictFI\types.d</Link>
+    </Compile>
   </ItemGroup>
   <ItemGroup>
     <Folder Include="src\dlangui\platforms\x11\" />
     <Folder Include="3rdparty\DerelictUtil\" />
     <Folder Include="3rdparty\DerelictGL3\" />
     <Folder Include="3rdparty\DerelictFT\" />
+    <Folder Include="3rdparty\DerelictFI\" />
   </ItemGroup>
 </Project>
\ No newline at end of file
diff --git a/examples/example1/res/btn_default_small_normal.9.png b/examples/example1/res/btn_default_small_normal.9.png
new file mode 100644
index 00000000..5dddd464
Binary files /dev/null and b/examples/example1/res/btn_default_small_normal.9.png differ
diff --git a/examples/example1/res/btn_default_small_normal_disable.9.png b/examples/example1/res/btn_default_small_normal_disable.9.png
new file mode 100644
index 00000000..6ab5c4a2
Binary files /dev/null and b/examples/example1/res/btn_default_small_normal_disable.9.png differ
diff --git a/examples/example1/res/btn_default_small_normal_disable_focused.9.png b/examples/example1/res/btn_default_small_normal_disable_focused.9.png
new file mode 100644
index 00000000..c65bace3
Binary files /dev/null and b/examples/example1/res/btn_default_small_normal_disable_focused.9.png differ
diff --git a/examples/example1/res/btn_default_small_pressed.9.png b/examples/example1/res/btn_default_small_pressed.9.png
new file mode 100644
index 00000000..43e82f97
Binary files /dev/null and b/examples/example1/res/btn_default_small_pressed.9.png differ
diff --git a/examples/example1/res/btn_default_small_selected.9.png b/examples/example1/res/btn_default_small_selected.9.png
new file mode 100644
index 00000000..7a376a97
Binary files /dev/null and b/examples/example1/res/btn_default_small_selected.9.png differ
diff --git a/src/dlangui/platforms/x11/x11app.d b/src/dlangui/platforms/x11/x11app.d
index b2618933..b31bec03 100644
--- a/src/dlangui/platforms/x11/x11app.d
+++ b/src/dlangui/platforms/x11/x11app.d
@@ -2,419 +2,430 @@ module src.dlangui.platforms.x11.x11app;
 
 version(linux) {
 
-import std.string;
-import std.c.linux.X11.xcb.xcb;
-import std.c.linux.X11.xcb.shm;
-import std.c.linux.X11.xcb.xproto;
-import std.c.linux.X11.xcb.image;
-import std.c.linux.X11.keysymdef;
-import std.c.linux.linux;
-import std.c.stdlib;
-import std.conv;
+	import std.string;
+	import std.c.linux.X11.xcb.xcb;
+	import std.c.linux.X11.xcb.shm;
+	import std.c.linux.X11.xcb.xproto;
+	import std.c.linux.X11.xcb.image;
+	import std.c.linux.X11.keysymdef;
+	import std.c.linux.linux;
+	import std.c.stdlib;
+	import std.conv;
 
-import dlangui.core.logger;
-import dlangui.graphics.drawbuf;
-import dlangui.graphics.fonts;
-import dlangui.graphics.ftfonts;
-import dlangui.platforms.common.platform;
+	import dlangui.core.logger;
+	import dlangui.graphics.drawbuf;
+	import dlangui.graphics.fonts;
+	import dlangui.graphics.ftfonts;
+	import dlangui.platforms.common.platform;
 
-class XCBWindow : Window {
-	xcb_window_t         _w;
-	xcb_gcontext_t       _g;
-	xcb_image_t * 		_image;
-	xcb_shm_segment_info_t shminfo;
-	@property xcb_window_t windowId() { return _w; }
-	this(string caption, Window parent) {
-		_caption = caption;
-		Log.d("Creating XCB window");
-		create();
-	}
-	~this() {
-		Log.d("Destroying window");
-	}
-	bool create() {
-		uint mask;
-		uint values[2];
-
-	    /* create black graphics context */
-		_g = xcb_generate_id(_xcbconnection);
-		_w = _xcbscreen.root;
-		mask = XCB_GC_FOREGROUND | XCB_GC_GRAPHICS_EXPOSURES;
-		values[0] = _xcbscreen.black_pixel;
-		values[1] = 0;
-		xcb_create_gc(_xcbconnection, _g, _w, mask, &values[0]);
-
-	    /* create window */
-		_w = xcb_generate_id(_xcbconnection);
-		
-		Log.d("window=", _w, " gc=", _g);
-		
-		mask = XCB_CW_BACK_PIXEL | XCB_CW_EVENT_MASK;
-		values[0] = _xcbscreen.white_pixel;
-		values[1] = XCB_EVENT_MASK_EXPOSURE | XCB_EVENT_MASK_KEY_PRESS | XCB_EVENT_MASK_BUTTON_PRESS | XCB_EVENT_MASK_BUTTON_RELEASE 
-			| XCB_EVENT_MASK_POINTER_MOTION | XCB_EVENT_MASK_BUTTON_MOTION 
-			| XCB_EVENT_MASK_ENTER_WINDOW   | XCB_EVENT_MASK_LEAVE_WINDOW
-			| XCB_EVENT_MASK_KEY_PRESS      | XCB_EVENT_MASK_KEY_RELEASE
-			| XCB_EVENT_MASK_STRUCTURE_NOTIFY | XCB_EVENT_MASK_VISIBILITY_CHANGE;
-		xcb_create_window(_xcbconnection, _xcbscreen.root_depth, _w, _xcbscreen.root,
-	          50, 50, 500, 400, 1,
-	          XCB_WINDOW_CLASS_INPUT_OUTPUT, _xcbscreen.root_visual,
-	          mask, &values[0]);
-	  	xcb_flush(_xcbconnection);
-		windowCaption = _caption;
-		return true;
-	}
-		
-	void createImage() {
-        Log.i("CRXCBScreen::createImage ", _dx, "x", _dy);
-        if (_image)
-            xcb_image_destroy(_image);
-		_image = null;
-        xcb_shm_query_version_reply_t * rep_shm;
-        rep_shm = xcb_shm_query_version_reply (_xcbconnection,
-                xcb_shm_query_version(_xcbconnection),
-                null);
-        if(rep_shm) {
-            xcb_image_format_t format;
-            int shmctl_status;
-
-            if (rep_shm.shared_pixmaps &&
-                    (rep_shm.major_version > 1 || rep_shm.minor_version > 0))
-                format = cast(xcb_image_format_t)rep_shm.pixmap_format;
-            else
-                format = XCB_IMAGE_FORMAT_Z_PIXMAP;
-
-            _image = xcb_image_create_native (_xcbconnection, cast(short)_dx, cast(short)_dy,
-                 format, _xcbscreendepth, null, ~0, null);
-            //format, depth, NULL, ~0, NULL);
-            //format, depth, NULL, ~0, NULL);
-            assert(_image);
-
-            shminfo.shmid = shmget (IPC_PRIVATE,
-                    _image.stride*_image.height,
-                    IPC_CREAT | octal!777);
-            assert(shminfo.shmid != cast(uint)-1);
-            shminfo.shmaddr = cast(ubyte*)shmat (shminfo.shmid, null, 0);
-            assert(shminfo.shmaddr);
-            _image.data = shminfo.shmaddr;
-            Log.d("Created image depth=", _image.depth, " bpp=", _image.bpp, " stride=", _image.stride );
-
-            shminfo.shmseg = xcb_generate_id (_xcbconnection);
-            xcb_shm_attach (_xcbconnection, shminfo.shmseg,
-                    shminfo.shmid, 0);
-            shmctl_status = shmctl(shminfo.shmid, IPC_RMID, null);
-            assert(shmctl_status != -1);
-            free(rep_shm);
-        } else {
-            Log.e("Can't get shms");
-        }
-	}
-	
-	void draw(ColorDrawBuf buf) {
-        int i;
-        i = xcb_image_shm_get(_xcbconnection, _w,
-                _image, shminfo,
-                0, 0,
-                XCB_ALL_PLANES);
-        if (!i) {
-            Log.e("cannot get shm image");
-            return;
-        }
-		Rect rc;
-		rc.right = buf.width;
-		rc.bottom = buf.height;
-		switch ( _image.bpp ) {
-            case 32:
-                {
-                    for (int y = rc.top; y<rc.bottom; y++) {
-                        uint * src = buf.scanLine(y);
-                        uint * dst = cast(uint *)(_image.data + _image.stride * y);
-                        for ( int x = 0; x < rc.right; x++ ) {
-                            uint data = src[x];
-                            dst[x] = data;
-                        }
-                    }
-                }
-                break;
-			default:
-				Log.d("image bit depth not supported: ", _image.bpp);
-				break;
+	class XCBWindow : Window {
+		xcb_window_t         _w;
+		xcb_gcontext_t       _g;
+		xcb_image_t * 		_image;
+		xcb_shm_segment_info_t shminfo;
+		@property xcb_window_t windowId() { return _w; }
+		this(string caption, Window parent) {
+			_caption = caption;
+			Log.d("Creating XCB window");
+			create();
 		}
-        xcb_image_shm_put(_xcbconnection, _w, _g,
-                _image, shminfo,
-                cast(short)rc.left, cast(short)rc.top, cast(short)rc.left, cast(short)rc.top, cast(ushort)rc.width(), cast(ushort)rc.height(), 0);
-        xcb_flush(_xcbconnection);
-	}
-		
-	override void show() {
-		Log.d("XCBWindow.show()");
-	    /* map (show) the window */
-	  	xcb_map_window(_xcbconnection, _w);
-	  	xcb_flush(_xcbconnection);
-	}
-	string _caption;
-	override @property string windowCaption() {
-		return _caption;
-	}
-	override @property void windowCaption(string caption) {
-		_caption = caption;
-		const char * title = _caption.toStringz;
-        xcb_change_property (_xcbconnection,
-                             XCB_PROP_MODE_REPLACE,
-                             _w,
-                             XCB_ATOM_WM_NAME,
-                             XCB_ATOM_STRING,
-                             8,
-                             cast(uint)_caption.length,
-                             cast(void*)title);
-	}
-
-	ColorDrawBuf _drawbuf;
-	void processExpose(xcb_expose_event_t * event) {
-		if (!_drawbuf)
-			_drawbuf = new ColorDrawBuf(_dx, _dy);
-		_drawbuf.resize(_dx, _dy);
-		Log.d("calling createImage");
-		createImage();
-		Log.d("done createImage");
-		onDraw(_drawbuf);
-		draw(_drawbuf);
-			/*
-		xcb_rectangle_t r = { 20, 20, 60, 60 };
-		xcb_poly_fill_rectangle(_xcbconnection, _w, _g,  1, &r);
-		r = xcb_rectangle_t(cast(short)(_dx - 20 - 60), cast(short)(_dy - 20 - 60), 60, 60);
-		xcb_poly_fill_rectangle(_xcbconnection, _w, _g,  1, &r);
-			 */
-		xcb_flush(_xcbconnection);
-	}
-	
-}
-
-private __gshared xcb_connection_t * _xcbconnection;
-private __gshared xcb_screen_t     * _xcbscreen;
-private __gshared ubyte _xcbscreendepth;
-
-class XCBPlatform : Platform {
-	this() {
-	}
-	~this() {
-		disconnect();
-	}
-	void disconnect() {
-		if (_xcbconnection) {
-		    /* close connection to server */
-  			xcb_disconnect(_xcbconnection);
+		~this() {
+			Log.d("Destroying window");
 		}
-	}
-	bool connect() {
-		Log.d("Opening connection");
-	    /* open connection with the server */
-	    _xcbconnection = xcb_connect(null,null);
-	    if (xcb_connection_has_error(_xcbconnection)) {
-	        Log.e("Cannot open display");
-			_xcbconnection = null;
-	        return false;
-	    }
-		//XSetEventQueueOwner(display, XCBOwnsEventQueue);
-		Log.d("Getting first screen");
-	    /* get the first screen */
-	  	_xcbscreen = xcb_setup_roots_iterator( xcb_get_setup(_xcbconnection) ).data;
-        _xcbscreendepth = xcb_aux_get_depth(_xcbconnection, _xcbscreen);
 			
-		return true;
-	}
-	XCBWindow getWindow(xcb_window_t w) {
-		if (w in _windowMap)
-			return _windowMap[w];
-		return null;
-	}
-	override Window createWindow(string windowCaption, Window parent) {
-		XCBWindow res = new XCBWindow(windowCaption, parent);
-		_windowMap[res.windowId] = res;
-		return res;
-	}
-	override int enterMessageLoop() {
-		Log.i("entering message loop");
-		int done = 0;
-		xcb_generic_event_t *e;
-	    /* event loop */
-	  	do {
-	  		e = xcb_wait_for_event(_xcbconnection);
-			if (e is null) {
-				Log.w("NULL event received. Exiting message loop");
-				break;
-			}
-	    	switch (e.response_type & ~0x80) {
-				case XCB_CREATE_NOTIFY: {
-						xcb_create_notify_event_t *event = cast(xcb_create_notify_event_t *)e;
-						Log.i("XCB_CREATE_NOTIFY");
-						XCBWindow window = getWindow(event.window);
-						if (window !is null) {
-							//
-						} else {
-							Log.w("Received message for unknown window", event.window);
-						}
-						break;
-					}
-				case XCB_DESTROY_NOTIFY: {
-						xcb_destroy_notify_event_t *event = cast(xcb_destroy_notify_event_t *)e;
-						Log.i("XCB_DESTROY_NOTIFY");
-						XCBWindow window = getWindow(event.window);
-						if (window !is null) {
-							//
-						} else {
-							Log.w("Received message for unknown window", event.window);
-						}
-						break;
-					}
-				case XCB_MAP_NOTIFY: {
-						xcb_map_notify_event_t *event = cast(xcb_map_notify_event_t *)e;
-						Log.i("XCB_MAP_NOTIFY");
-						XCBWindow window = getWindow(event.window);
-						if (window !is null) {
-							//
-						} else {
-							Log.w("Received message for unknown window", event.window);
-						}
-						break;
-					}
-				case XCB_UNMAP_NOTIFY: {
-						xcb_unmap_notify_event_t *event = cast(xcb_unmap_notify_event_t *)e;
-						Log.i("XCB_UNMAP_NOTIFY");
-						XCBWindow window = getWindow(event.window);
-						if (window !is null) {
-							//
-						} else {
-							Log.w("Received message for unknown window", event.window);
-						}
-						break;
-					}
-				case XCB_VISIBILITY_NOTIFY: {
-						xcb_visibility_notify_event_t *event = cast(xcb_visibility_notify_event_t *)e;
-						Log.i("XCB_VISIBILITY_NOTIFY ", event.state);
-						XCBWindow window = getWindow(event.window);
-						if (window !is null) {
-							//
-						} else {
-							Log.w("Received message for unknown window", event.window);
-						}
-						break;
-					}
-				case XCB_REPARENT_NOTIFY: {
-						xcb_reparent_notify_event_t *event = cast(xcb_reparent_notify_event_t *)e;
-						Log.i("XCB_REPARENT_NOTIFY");
-						break;
-					}
-				case XCB_CONFIGURE_NOTIFY: {
-						xcb_configure_notify_event_t *event = cast(xcb_configure_notify_event_t *)e;
-						Log.i("XCB_CONFIGURE_NOTIFY ", event.width, "x", event.height);
-						XCBWindow window = getWindow(event.window);
-						if (window !is null) {
-							//
-							window.onResize(event.width, event.height);
-						} else {
-							Log.w("Received message for unknown window", event.window);
-						}
-						break;
-					}
-				case XCB_EXPOSE: {   /* draw or redraw the window */
-						xcb_expose_event_t *expose = cast(xcb_expose_event_t *)e;
-						Log.i("XCB_EXPOSE");
-						XCBWindow window = getWindow(expose.window);
-						if (window !is null) {
-							window.processExpose(expose);
-						} else {
-							Log.w("Received message for unknown window", expose.window);
-						}
-			      		break;
-					}
-				case XCB_BUTTON_PRESS: {
-						xcb_button_press_event_t *bp = cast(xcb_button_press_event_t *)e;
-						Log.d("XCB_BUTTON_PRESS");
-						break;
-					}
-				case XCB_BUTTON_RELEASE: {
-						Log.d("XCB_BUTTON_RELEASE");
-						xcb_button_release_event_t *br = cast(xcb_button_release_event_t *)e;
-						break;
-					}
-	            case XCB_MOTION_NOTIFY: {
-		                xcb_motion_notify_event_t *motion = cast(xcb_motion_notify_event_t *)e;
-		                Log.d("XCB_MOTION_NOTIFY ", motion.event, " at coords ", motion.event_x, ", ", motion.event_y);
-		                break;
-		            }
-	            case XCB_ENTER_NOTIFY: {
-		                xcb_enter_notify_event_t *enter = cast(xcb_enter_notify_event_t *)e;
-		                Log.d("XCB_ENTER_NOTIFY ", enter.event, " at coords ", enter.event_x, ", ", enter.event_y);
-		                break;
-		            }
-	            case XCB_LEAVE_NOTIFY: {
-	                xcb_leave_notify_event_t *leave = cast(xcb_leave_notify_event_t *)e;
-
-		                Log.d("XCB_LEAVE_NOTIFY ", leave.event, " at coords ", leave.event_x, ", ", leave.event_y);
-	                break;
-	            }
-	            case XCB_KEY_PRESS: {
-		                xcb_key_press_event_t *kp = cast(xcb_key_press_event_t *)e;
-		                //print_modifiers(kp.state);
-		                Log.d("XCB_KEY_PRESS ", kp.event, " key=", kp.detail);
-						if (kp.detail == XK_space) // exist by space
-	      					done = 1;
-		                break;
-		            }
-	            case XCB_KEY_RELEASE: {
-		                xcb_key_release_event_t *kr = cast(xcb_key_release_event_t *)e;
-		                //print_modifiers(kr.state);
-			            Log.d("XCB_KEY_RELEASE ", kr.event, " key=", kr.detail);
-		                break;
-		            }			
-				default:
-					Log.v("unknown event: ", e.response_type & ~0x80);	
-					break;
-	      	}
-	    	free(e);
-	  	} while(!done);
-		Log.i("exiting message loop");
-		return 0;
-	}
-	XCBWindow[xcb_window_t] _windowMap;
-}
-
-// entry point
-extern(C) int UIAppMain(string[] args);
-	
-int main(string[] args)
-{
-	
-	setStderrLogger();
-	setLogLevel(LogLevel.Trace);
-
-	FreeTypeFontManager ft = new FreeTypeFontManager();
-	ft.registerFont("/usr/share/fonts/truetype/dejavu/DejaVuSans.ttf", FontFamily.SansSerif, "DejaVu", false, FontWeight.Normal);
-	FontManager.instance = ft;
-	
-	XCBPlatform xcb = new XCBPlatform();
-	if (!xcb.connect()) {
-		return 1;
-	}
-	Platform.setInstance(xcb);
-
-	int res = 0;
-		
-		static if (true) {
-			res = UIAppMain(args);
-		} else {
-			Window window = xcb.createWindow("Window Caption", null);
-			window.show();
-				
-			res = xcb.enterMessageLoop();
+		/// request window redraw
+		override void invalidate() {
+			redraw();
 		}
-	
-	Platform.setInstance(null);
-	destroy(xcb);
-	
 
-  	return res;
-}
+		bool create() {
+			uint mask;
+			uint values[2];
+
+		    /* create black graphics context */
+			_g = xcb_generate_id(_xcbconnection);
+			_w = _xcbscreen.root;
+			mask = XCB_GC_FOREGROUND | XCB_GC_GRAPHICS_EXPOSURES;
+			values[0] = _xcbscreen.black_pixel;
+			values[1] = 0;
+			xcb_create_gc(_xcbconnection, _g, _w, mask, &values[0]);
+
+		    /* create window */
+			_w = xcb_generate_id(_xcbconnection);
+			
+			Log.d("window=", _w, " gc=", _g);
+			
+			mask = XCB_CW_BACK_PIXEL | XCB_CW_EVENT_MASK;
+			values[0] = _xcbscreen.white_pixel;
+			values[1] = XCB_EVENT_MASK_EXPOSURE | XCB_EVENT_MASK_KEY_PRESS | XCB_EVENT_MASK_BUTTON_PRESS | XCB_EVENT_MASK_BUTTON_RELEASE 
+				| XCB_EVENT_MASK_POINTER_MOTION | XCB_EVENT_MASK_BUTTON_MOTION 
+				| XCB_EVENT_MASK_ENTER_WINDOW   | XCB_EVENT_MASK_LEAVE_WINDOW
+				| XCB_EVENT_MASK_KEY_PRESS      | XCB_EVENT_MASK_KEY_RELEASE
+				| XCB_EVENT_MASK_STRUCTURE_NOTIFY | XCB_EVENT_MASK_VISIBILITY_CHANGE;
+			xcb_create_window(_xcbconnection, _xcbscreen.root_depth, _w, _xcbscreen.root,
+		          50, 50, 500, 400, 1,
+		          XCB_WINDOW_CLASS_INPUT_OUTPUT, _xcbscreen.root_visual,
+		          mask, &values[0]);
+		  	xcb_flush(_xcbconnection);
+			windowCaption = _caption;
+			return true;
+		}
+			
+		void createImage() {
+	        Log.i("CRXCBScreen::createImage ", _dx, "x", _dy);
+	        if (_image)
+	            xcb_image_destroy(_image);
+			_image = null;
+	        xcb_shm_query_version_reply_t * rep_shm;
+	        rep_shm = xcb_shm_query_version_reply (_xcbconnection,
+	                xcb_shm_query_version(_xcbconnection),
+	                null);
+	        if(rep_shm) {
+	            xcb_image_format_t format;
+	            int shmctl_status;
+
+	            if (rep_shm.shared_pixmaps &&
+	                    (rep_shm.major_version > 1 || rep_shm.minor_version > 0))
+	                format = cast(xcb_image_format_t)rep_shm.pixmap_format;
+	            else
+	                format = XCB_IMAGE_FORMAT_Z_PIXMAP;
+
+	            _image = xcb_image_create_native (_xcbconnection, cast(short)_dx, cast(short)_dy,
+	                 format, _xcbscreendepth, null, ~0, null);
+	            //format, depth, NULL, ~0, NULL);
+	            //format, depth, NULL, ~0, NULL);
+	            assert(_image);
+
+	            shminfo.shmid = shmget (IPC_PRIVATE,
+	                    _image.stride*_image.height,
+	                    IPC_CREAT | octal!777);
+	            assert(shminfo.shmid != cast(uint)-1);
+	            shminfo.shmaddr = cast(ubyte*)shmat (shminfo.shmid, null, 0);
+	            assert(shminfo.shmaddr);
+	            _image.data = shminfo.shmaddr;
+	            Log.d("Created image depth=", _image.depth, " bpp=", _image.bpp, " stride=", _image.stride );
+
+	            shminfo.shmseg = xcb_generate_id (_xcbconnection);
+	            xcb_shm_attach (_xcbconnection, shminfo.shmseg,
+	                    shminfo.shmid, 0);
+	            shmctl_status = shmctl(shminfo.shmid, IPC_RMID, null);
+	            assert(shmctl_status != -1);
+	            free(rep_shm);
+	        } else {
+	            Log.e("Can't get shms");
+	        }
+		}
+		
+		void draw(ColorDrawBuf buf) {
+	        int i;
+	        i = xcb_image_shm_get(_xcbconnection, _w,
+	                _image, shminfo,
+	                0, 0,
+	                XCB_ALL_PLANES);
+	        if (!i) {
+	            Log.e("cannot get shm image");
+	            return;
+	        }
+			Rect rc;
+			rc.right = buf.width;
+			rc.bottom = buf.height;
+			switch ( _image.bpp ) {
+	            case 32:
+	                {
+	                    for (int y = rc.top; y<rc.bottom; y++) {
+	                        uint * src = buf.scanLine(y);
+	                        uint * dst = cast(uint *)(_image.data + _image.stride * y);
+	                        for ( int x = 0; x < rc.right; x++ ) {
+	                            uint data = src[x];
+	                            dst[x] = data;
+	                        }
+	                    }
+	                }
+	                break;
+				default:
+					Log.d("image bit depth not supported: ", _image.bpp);
+					break;
+			}
+	        xcb_image_shm_put(_xcbconnection, _w, _g,
+	                _image, shminfo,
+	                cast(short)rc.left, cast(short)rc.top, cast(short)rc.left, cast(short)rc.top, cast(ushort)rc.width(), cast(ushort)rc.height(), 0);
+	        xcb_flush(_xcbconnection);
+		}
+			
+		override void show() {
+			Log.d("XCBWindow.show()");
+		    /* map (show) the window */
+		  	xcb_map_window(_xcbconnection, _w);
+		  	xcb_flush(_xcbconnection);
+		}
+		string _caption;
+		override @property string windowCaption() {
+			return _caption;
+		}
+		override @property void windowCaption(string caption) {
+			_caption = caption;
+			const char * title = _caption.toStringz;
+	        xcb_change_property (_xcbconnection,
+	                             XCB_PROP_MODE_REPLACE,
+	                             _w,
+	                             XCB_ATOM_WM_NAME,
+	                             XCB_ATOM_STRING,
+	                             8,
+	                             cast(uint)_caption.length,
+	                             cast(void*)title);
+		}
+
+		void redraw() {
+			if (!_drawbuf)
+				_drawbuf = new ColorDrawBuf(_dx, _dy);
+			_drawbuf.resize(_dx, _dy);
+			_drawbuf.fill(_backgroundColor);
+			Log.d("calling createImage");
+			createImage();
+			Log.d("done createImage");
+			onDraw(_drawbuf);
+			draw(_drawbuf);
+				/*
+			xcb_rectangle_t r = { 20, 20, 60, 60 };
+			xcb_poly_fill_rectangle(_xcbconnection, _w, _g,  1, &r);
+			r = xcb_rectangle_t(cast(short)(_dx - 20 - 60), cast(short)(_dy - 20 - 60), 60, 60);
+			xcb_poly_fill_rectangle(_xcbconnection, _w, _g,  1, &r);
+				 */
+			xcb_flush(_xcbconnection);
+		}
+		
+		ColorDrawBuf _drawbuf;
+		void processExpose(xcb_expose_event_t * event) {
+			redraw();
+		}
+		
+	}
+
+	private __gshared xcb_connection_t * _xcbconnection;
+	private __gshared xcb_screen_t     * _xcbscreen;
+	private __gshared ubyte _xcbscreendepth;
+
+	class XCBPlatform : Platform {
+		this() {
+		}
+		~this() {
+			disconnect();
+		}
+		void disconnect() {
+			if (_xcbconnection) {
+			    /* close connection to server */
+	  			xcb_disconnect(_xcbconnection);
+			}
+		}
+		bool connect() {
+			Log.d("Opening connection");
+		    /* open connection with the server */
+		    _xcbconnection = xcb_connect(null,null);
+		    if (xcb_connection_has_error(_xcbconnection)) {
+		        Log.e("Cannot open display");
+				_xcbconnection = null;
+		        return false;
+		    }
+			//XSetEventQueueOwner(display, XCBOwnsEventQueue);
+			Log.d("Getting first screen");
+		    /* get the first screen */
+		  	_xcbscreen = xcb_setup_roots_iterator( xcb_get_setup(_xcbconnection) ).data;
+	        _xcbscreendepth = xcb_aux_get_depth(_xcbconnection, _xcbscreen);
+				
+			return true;
+		}
+		XCBWindow getWindow(xcb_window_t w) {
+			if (w in _windowMap)
+				return _windowMap[w];
+			return null;
+		}
+		override Window createWindow(string windowCaption, Window parent) {
+			XCBWindow res = new XCBWindow(windowCaption, parent);
+			_windowMap[res.windowId] = res;
+			return res;
+		}
+		override int enterMessageLoop() {
+			Log.i("entering message loop");
+			int done = 0;
+			xcb_generic_event_t *e;
+		    /* event loop */
+		  	do {
+		  		e = xcb_wait_for_event(_xcbconnection);
+				if (e is null) {
+					Log.w("NULL event received. Exiting message loop");
+					break;
+				}
+		    	switch (e.response_type & ~0x80) {
+					case XCB_CREATE_NOTIFY: {
+							xcb_create_notify_event_t *event = cast(xcb_create_notify_event_t *)e;
+							Log.i("XCB_CREATE_NOTIFY");
+							XCBWindow window = getWindow(event.window);
+							if (window !is null) {
+								//
+							} else {
+								Log.w("Received message for unknown window", event.window);
+							}
+							break;
+						}
+					case XCB_DESTROY_NOTIFY: {
+							xcb_destroy_notify_event_t *event = cast(xcb_destroy_notify_event_t *)e;
+							Log.i("XCB_DESTROY_NOTIFY");
+							XCBWindow window = getWindow(event.window);
+							if (window !is null) {
+								//
+							} else {
+								Log.w("Received message for unknown window", event.window);
+							}
+							break;
+						}
+					case XCB_MAP_NOTIFY: {
+							xcb_map_notify_event_t *event = cast(xcb_map_notify_event_t *)e;
+							Log.i("XCB_MAP_NOTIFY");
+							XCBWindow window = getWindow(event.window);
+							if (window !is null) {
+								//
+							} else {
+								Log.w("Received message for unknown window", event.window);
+							}
+							break;
+						}
+					case XCB_UNMAP_NOTIFY: {
+							xcb_unmap_notify_event_t *event = cast(xcb_unmap_notify_event_t *)e;
+							Log.i("XCB_UNMAP_NOTIFY");
+							XCBWindow window = getWindow(event.window);
+							if (window !is null) {
+								//
+							} else {
+								Log.w("Received message for unknown window", event.window);
+							}
+							break;
+						}
+					case XCB_VISIBILITY_NOTIFY: {
+							xcb_visibility_notify_event_t *event = cast(xcb_visibility_notify_event_t *)e;
+							Log.i("XCB_VISIBILITY_NOTIFY ", event.state);
+							XCBWindow window = getWindow(event.window);
+							if (window !is null) {
+								//
+							} else {
+								Log.w("Received message for unknown window", event.window);
+							}
+							break;
+						}
+					case XCB_REPARENT_NOTIFY: {
+							xcb_reparent_notify_event_t *event = cast(xcb_reparent_notify_event_t *)e;
+							Log.i("XCB_REPARENT_NOTIFY");
+							break;
+						}
+					case XCB_CONFIGURE_NOTIFY: {
+							xcb_configure_notify_event_t *event = cast(xcb_configure_notify_event_t *)e;
+							Log.i("XCB_CONFIGURE_NOTIFY ", event.width, "x", event.height);
+							XCBWindow window = getWindow(event.window);
+							if (window !is null) {
+								//
+								window.onResize(event.width, event.height);
+							} else {
+								Log.w("Received message for unknown window", event.window);
+							}
+							break;
+						}
+					case XCB_EXPOSE: {   /* draw or redraw the window */
+							xcb_expose_event_t *expose = cast(xcb_expose_event_t *)e;
+							Log.i("XCB_EXPOSE");
+							XCBWindow window = getWindow(expose.window);
+							if (window !is null) {
+								window.processExpose(expose);
+							} else {
+								Log.w("Received message for unknown window", expose.window);
+							}
+				      		break;
+						}
+					case XCB_BUTTON_PRESS: {
+							xcb_button_press_event_t *bp = cast(xcb_button_press_event_t *)e;
+							Log.d("XCB_BUTTON_PRESS");
+							break;
+						}
+					case XCB_BUTTON_RELEASE: {
+							Log.d("XCB_BUTTON_RELEASE");
+							xcb_button_release_event_t *br = cast(xcb_button_release_event_t *)e;
+							break;
+						}
+		            case XCB_MOTION_NOTIFY: {
+			                xcb_motion_notify_event_t *motion = cast(xcb_motion_notify_event_t *)e;
+			                Log.d("XCB_MOTION_NOTIFY ", motion.event, " at coords ", motion.event_x, ", ", motion.event_y);
+			                break;
+			            }
+		            case XCB_ENTER_NOTIFY: {
+			                xcb_enter_notify_event_t *enter = cast(xcb_enter_notify_event_t *)e;
+			                Log.d("XCB_ENTER_NOTIFY ", enter.event, " at coords ", enter.event_x, ", ", enter.event_y);
+			                break;
+			            }
+		            case XCB_LEAVE_NOTIFY: {
+		                xcb_leave_notify_event_t *leave = cast(xcb_leave_notify_event_t *)e;
+
+			                Log.d("XCB_LEAVE_NOTIFY ", leave.event, " at coords ", leave.event_x, ", ", leave.event_y);
+		                break;
+		            }
+		            case XCB_KEY_PRESS: {
+			                xcb_key_press_event_t *kp = cast(xcb_key_press_event_t *)e;
+			                //print_modifiers(kp.state);
+			                Log.d("XCB_KEY_PRESS ", kp.event, " key=", kp.detail);
+							if (kp.detail == XK_space) // exist by space
+		      					done = 1;
+			                break;
+			            }
+		            case XCB_KEY_RELEASE: {
+			                xcb_key_release_event_t *kr = cast(xcb_key_release_event_t *)e;
+			                //print_modifiers(kr.state);
+				            Log.d("XCB_KEY_RELEASE ", kr.event, " key=", kr.detail);
+			                break;
+			            }			
+					default:
+						Log.v("unknown event: ", e.response_type & ~0x80);	
+						break;
+		      	}
+		    	free(e);
+		  	} while(!done);
+			Log.i("exiting message loop");
+			return 0;
+		}
+		XCBWindow[xcb_window_t] _windowMap;
+	}
+
+	// entry point
+	extern(C) int UIAppMain(string[] args);
+		
+	int main(string[] args)
+	{
+		
+		setStderrLogger();
+		setLogLevel(LogLevel.Trace);
+
+		FreeTypeFontManager ft = new FreeTypeFontManager();
+		ft.registerFont("/usr/share/fonts/truetype/dejavu/DejaVuSans.ttf", FontFamily.SansSerif, "DejaVu", false, FontWeight.Normal);
+		FontManager.instance = ft;
+		
+		XCBPlatform xcb = new XCBPlatform();
+		if (!xcb.connect()) {
+			return 1;
+		}
+		Platform.setInstance(xcb);
+
+		int res = 0;
+			
+			static if (true) {
+				res = UIAppMain(args);
+			} else {
+				Window window = xcb.createWindow("Window Caption", null);
+				window.show();
+					
+				res = xcb.enterMessageLoop();
+			}
+		
+		Platform.setInstance(null);
+		destroy(xcb);
+		
+
+	  	return res;
+	}
 
 }
diff --git a/src/dlangui/widgets/styles.d b/src/dlangui/widgets/styles.d
index f18b76f4..b5a3c84f 100644
--- a/src/dlangui/widgets/styles.d
+++ b/src/dlangui/widgets/styles.d
@@ -1,509 +1,511 @@
-module dlangui.widgets.styles;
-
-import dlangui.core.types;
-import dlangui.graphics.fonts;
-import dlangui.graphics.drawbuf;
-import dlangui.graphics.images;
-
-immutable ubyte ALIGN_UNSPECIFIED = 0;
-immutable uint COLOR_UNSPECIFIED = 0xFFDEADFF;
-immutable uint COLOR_TRANSPARENT = 0xFFFFFFFF;
-immutable ushort FONT_SIZE_UNSPECIFIED = 0xFFFF;
-immutable ushort FONT_WEIGHT_UNSPECIFIED = 0x0000;
-immutable ubyte FONT_STYLE_UNSPECIFIED = 0xFF;
-immutable ubyte FONT_STYLE_NORMAL = 0x00;
-immutable ubyte FONT_STYLE_ITALIC = 0x01;
-/// use as widget.layout() param to avoid applying of parent size
-immutable int SIZE_UNSPECIFIED = int.max;
-
-immutable int FILL_PARENT = int.max - 1;
-immutable int WRAP_CONTENT = int.max - 2;
-immutable int WEIGHT_UNSPECIFIED = -1;
-
-enum State : uint {
-    Normal = 0,
-    Pressed = 1,
-    Focused = 2,
-    Disabled = 4,
-}
-
-enum Align : ubyte {
-    Unspecified = ALIGN_UNSPECIFIED,
-    Left = 1,
-    Right = 2,
-    HCenter = 1 | 2,
-    Top = 4,
-    Bottom = 8,
-    VCenter = 4 | 8,
-    Center = VCenter | HCenter,
-	TopLeft = Left | Top,
-}
-
-/// style properties
-class Style {
-	protected string _id;
-	protected Theme _theme;
-	protected Style _parentStyle;
-	protected string _parentId;
-	protected uint _stateMask;
-	protected uint _stateValue;
-	protected ubyte _align = Align.TopLeft;
-	protected ubyte _fontStyle = FONT_STYLE_UNSPECIFIED;
-	protected FontFamily _fontFamily = FontFamily.Unspecified;
-	protected ushort _fontSize = FONT_SIZE_UNSPECIFIED;
-	protected ushort _fontWeight = FONT_WEIGHT_UNSPECIFIED;
-	protected uint _backgroundColor = COLOR_TRANSPARENT;
-	protected uint _textColor = COLOR_UNSPECIFIED;
-	protected string _fontFace;
-	protected string _backgroundImageId;
-	protected Rect _padding;
-	protected Rect _margins;
-    protected int _minWidth = SIZE_UNSPECIFIED;
-    protected int _maxWidth = SIZE_UNSPECIFIED;
-    protected int _minHeight = SIZE_UNSPECIFIED;
-    protected int _maxHeight = SIZE_UNSPECIFIED;
-    protected int _layoutWidth = SIZE_UNSPECIFIED;
-    protected int _layoutHeight = SIZE_UNSPECIFIED;
-    protected int _layoutWeight = WEIGHT_UNSPECIFIED;
-
-	protected Style[] _substates;
-	protected Style[] _children;
-
-	protected FontRef _font;
-	protected DrawableRef _backgroundDrawable;
-
-	@property const(Theme) theme() const {
-		if (_theme !is null)
-			return _theme;
-		return currentTheme;
-	}
-
-	@property Theme theme() {
-		if (_theme !is null)
-			return _theme;
-		return currentTheme;
-	}
-
-	@property string id() const { return _id; }
-
-	@property const(Style) parentStyle() const {
-		if (_parentStyle !is null)
-			return _parentStyle;
-		if (_parentId !is null && currentTheme !is null)
-			return currentTheme.get(_parentId);
-		return currentTheme;
-	}
-
-	@property Style parentStyle() {
-		if (_parentStyle !is null)
-			return _parentStyle;
-		if (_parentId !is null && currentTheme !is null)
-			return currentTheme.get(_parentId);
-		return currentTheme;
-	}
-
-    @property ref DrawableRef backgroundDrawable() const {
-		if (!(cast(Style)this)._backgroundDrawable.isNull)
-			return (cast(Style)this)._backgroundDrawable;
-        string image = backgroundImageId;
-        if (image !is null) {
-            (cast(Style)this)._backgroundDrawable = drawableCache.get(image);
-        } else {
-            uint color = backgroundColor;
-            (cast(Style)this)._backgroundDrawable = new SolidFillDrawable(color);
-        }
-        return (cast(Style)this)._backgroundDrawable;
-    }
-
-    //===================================================
-    // font properties
-
-	@property ref FontRef font() const {
-		if (!(cast(Style)this)._font.isNull)
-			return (cast(Style)this)._font;
-		string face = fontFace;
-		int size = fontSize;
-		ushort weight = fontWeight;
-		bool italic = fontItalic;
-		FontFamily family = fontFamily;
-		(cast(Style)this)._font = FontManager.instance.getFont(size, weight, italic, family, face);
-		return (cast(Style)this)._font;
-	}
-
-	/// font size
-	@property FontFamily fontFamily() const {
-        if (_fontFamily != FontFamily.Unspecified)
-            return _fontFamily;
-        else
-            return parentStyle.fontFamily;
-	}
-
-	/// font size
-	@property string fontFace() const {
-        if (_fontFace !is null)
-            return _fontFace;
-        else
-            return parentStyle.fontFace;
-	}
-
-	/// font style - italic
-	@property bool fontItalic() const {
-        if (_fontStyle != FONT_STYLE_UNSPECIFIED)
-            return _fontStyle == FONT_STYLE_ITALIC;
-        else
-            return parentStyle.fontItalic;
-	}
-
-	/// font weight
-	@property ushort fontWeight() const {
-        if (_fontWeight != FONT_WEIGHT_UNSPECIFIED)
-            return _fontWeight;
-        else
-            return parentStyle.fontWeight;
-	}
-
-	/// font size
-	@property ushort fontSize() const {
-        if (_fontSize != FONT_SIZE_UNSPECIFIED)
-            return _fontSize;
-        else
-            return parentStyle.fontSize;
-	}
-
-    //===================================================
-    // layout parameters: margins / padding
-
-	/// padding
-	@property ref const(Rect) padding() const {
-		if (_stateValue != 0)
-			return parentStyle._padding;
-		return _padding;
-	}
-
-	/// margins
-	@property ref const(Rect) margins() const {
-		if (_stateValue != 0)
-			return parentStyle._margins;
-		return _margins;
-	}
-
-	/// text color
-	@property uint textColor() const {
-        if (_textColor != COLOR_UNSPECIFIED)
-            return _textColor;
-        else
-            return parentStyle.textColor;
-	}
-
-    //===================================================
-    // background
-
-	/// background color
-	@property uint backgroundColor() const {
-        if (_backgroundColor != COLOR_UNSPECIFIED)
-            return _backgroundColor;
-        else
-            return parentStyle.backgroundColor;
-	}
-
-	/// font size
-	@property string backgroundImageId() const {
-        if (_backgroundImageId !is null)
-            return _backgroundImageId;
-        else
-            return parentStyle.backgroundImageId;
-	}
-
-    //===================================================
-    // size restrictions
-
-	/// minimal width constraint, 0 if limit is not set
-	@property uint minWidth() const {
-        if (_minWidth != SIZE_UNSPECIFIED)
-            return _minWidth;
-        else
-            return parentStyle.minWidth;
-	}
-	/// max width constraint, returns SIZE_UNSPECIFIED if limit is not set
-	@property uint maxWidth() const {
-        if (_maxWidth != SIZE_UNSPECIFIED)
-            return _maxWidth;
-        else
-            return parentStyle.maxWidth;
-	}
-	/// minimal height constraint, 0 if limit is not set
-	@property uint minHeight() const {
-        if (_minHeight != SIZE_UNSPECIFIED)
-            return _minHeight;
-        else
-            return parentStyle.minHeight;
-	}
-	/// max height constraint, SIZE_UNSPECIFIED if limit is not set
-	@property uint maxHeight() const {
-        if (_maxHeight != SIZE_UNSPECIFIED)
-            return _maxHeight;
-        else
-            return parentStyle.maxHeight;
-	}
-    /// set min width constraint
-    @property Style minWidth(int value) {
-        _minWidth = value;
-        return this;
-    }
-    /// set max width constraint
-    @property Style maxWidth(int value) {
-        _maxWidth = value;
-        return this;
-    }
-    /// set min height constraint
-    @property Style minHeight(int value) {
-        _minHeight = value;
-        return this;
-    }
-    /// set max height constraint
-    @property Style maxHeight(int value) {
-        _maxHeight = value;
-        return this;
-    }
-
-
-	/// layout width parameter
-	@property uint layoutWidth() const {
-        if (_layoutWidth != SIZE_UNSPECIFIED)
-            return _layoutWidth;
-        else
-            return parentStyle.layoutWidth;
-	}
-
-	/// layout height parameter
-	@property uint layoutHeight() const {
-        if (_layoutHeight != SIZE_UNSPECIFIED)
-            return _layoutHeight;
-        else
-            return parentStyle.layoutHeight;
-	}
-
-	/// layout weight parameter
-	@property uint layoutWeight() const {
-        if (_layoutWeight != WEIGHT_UNSPECIFIED)
-            return _layoutWeight;
-        else
-            return parentStyle.layoutWeight;
-	}
-
-    /// set layout height
-    @property Style layoutHeight(int value) {
-        _layoutHeight = value;
-        return this;
-    }
-    /// set layout width
-    @property Style layoutWidth(int value) {
-        _layoutWidth = value;
-        return this;
-    }
-    /// set layout weight
-    @property Style layoutWeight(int value) {
-        _layoutWeight = value;
-        return this;
-    }
-
-    //===================================================
-    // alignment
-
-	/// get full alignment (both vertical and horizontal)
-	@property ubyte alignment() const { 
-        if (_align != Align.Unspecified)
-            return _align; 
-        else
-            return parentStyle.alignment;
-    }
-	/// vertical alignment: Top / VCenter / Bottom
-	@property ubyte valign() const { return alignment & Align.VCenter; }
-	/// horizontal alignment: Left / HCenter / Right
-	@property ubyte halign() const { return alignment & Align.HCenter; }
-
-    /// set alignment
-    @property Style alignment(ubyte value) {
-        _align = value;
-        return this;
-    }
-
-	@property Style fontFace(string face) {
-		_fontFace = face;
-		_font.clear();
-		return this;
-	}
-
-	@property Style fontFamily(FontFamily family) {
-		_fontFamily = family;
-		_font.clear();
-		return this;
-	}
-
-	@property Style fontStyle(ubyte style) {
-		_fontStyle = style;
-		_font.clear();
-		return this;
-	}
-
-	@property Style fontWeight(ushort weight) {
-		_fontWeight = weight;
-		_font.clear();
-		return this;
-	}
-
-	@property Style fontSize(ushort size) {
-		_fontSize = size;
-		_font.clear();
-		return this;
-	}
-
-	@property Style textColor(uint color) {
-		_textColor = color;
-		return this;
-	}
-
-	@property Style backgroundColor(uint color) {
-		_backgroundColor = color;
-        _backgroundImageId = null;
-		_backgroundDrawable.clear();
-		return this;
-	}
-
-	@property Style backgroundImageId(string image) {
-		_backgroundImageId = image;
-		_backgroundDrawable.clear();
-		return this;
-	}
-
-	@property Style margins(Rect rc) {
-		_margins = rc;
-		return this;
-	}
-
-	@property Style padding(Rect rc) {
-		_padding = rc;
-		return this;
-	}
-
-	this(Theme theme, string id) {
-		_theme = theme;
-		_parentStyle = theme;
-		_id = id;
-	}
-
-	/// create named substyle of this style
-	Style createSubstyle(string id) {
-		Style child = (_theme !is null ? _theme : currentTheme).createSubstyle(id);
-		child._parentStyle = this;
-		_children ~= child;
-		return child;
-	}
-
-	/// create state substyle for this style
-	Style createState(uint stateMask = 0, uint stateValue = 0) {
-        assert(stateMask != 0);
-		Style child = createSubstyle(null);
-		child._stateMask = stateMask;
-		child._stateValue = stateValue;
-		child._backgroundColor = COLOR_UNSPECIFIED;
-		_substates ~= child;
-		return child;
-	}
-
-	/// find substyle based on widget state (e.g. focused, pressed, ...)
-	const(Style) forState(uint state) const {
-		if (state == 0)
-			return this;
-        Log.d("forState ", state, " styleId=", _id, " substates=", _substates.length);
-		if (id is null && parentStyle !is null && _substates.length == 0)
-			return parentStyle.forState(state);
-		foreach(item; _substates) {
-			if ((item._stateMask & state) == item._stateValue)
-				return item;
-		}
-		return this; // fallback to current style
-	}
-}
-
-/// Theme - root for style hierarhy.
-class Theme : Style {
-	protected Style[string] _byId;
-
-	this(string id) {
-		super(this, id);
-		_parentStyle = null;
-		_backgroundColor = 0xFFFFFFFF; // transparent
-		_textColor = 0x000000; // black
-		_align = Align.TopLeft;
-		_fontSize = 24; // TODO: from settings or screen properties / DPI
-		_fontStyle = FONT_STYLE_NORMAL;
-		_fontWeight = 400;
-		_fontFace = "Arial"; // TODO: from settings
-        _fontFamily = FontFamily.SansSerif;
-        _minHeight = 0;
-        _minWidth = 0;
-        _layoutWidth = WRAP_CONTENT;
-        _layoutHeight = WRAP_CONTENT;
-        _layoutWeight = 1;
-	}
-
-	/// create wrapper style which will have currentTheme.get(id) as parent instead of fixed parent - to modify some base style properties in widget
-	Style modifyStyle(string id) {
-		Style style = new Style(null, null);
-		style._parentId = id;
-        style._align = Align.Unspecified; // inherit
-		return style;
-	}
-
-	// ================================================
-	// override to avoid infinite recursion
-	/// font size
-	@property override string backgroundImageId() const {
-        return _backgroundImageId;
-	}
-	/// minimal width constraint, 0 if limit is not set
-	@property override uint minWidth() const {
-        return _minWidth;
-	}
-	/// max width constraint, returns SIZE_UNSPECIFIED if limit is not set
-	@property override uint maxWidth() const {
-        return _maxWidth;
-	}
-	/// minimal height constraint, 0 if limit is not set
-	@property override uint minHeight() const {
-        return _minHeight;
-	}
-	/// max height constraint, SIZE_UNSPECIFIED if limit is not set
-	@property override uint maxHeight() const {
-        return _maxHeight;
-	}
-
-	/// create new named style
-	override Style createSubstyle(string id) {
-		Style style = new Style(this, id);
-		if (id !is null)
-			_byId[id] = style;
-        style._parentStyle = this; // as initial value, use theme as parent
-		return style;
-	}
-
-	/// find style by id, returns theme if not style with specified ID is not found
-	@property Style get(string id) {
-		if (id !is null && id in _byId)
-			return _byId[id];
-		return this;
-	}
-}
-
-/// to access current theme
-private __gshared Theme _currentTheme;
-@property Theme currentTheme() { return _currentTheme; }
-
-static this() {
-	_currentTheme = new Theme("default");
-    Style button = _currentTheme.createSubstyle("BUTTON").backgroundImageId("btn_default_normal").alignment(Align.Center);
-    Style text = _currentTheme.createSubstyle("TEXT").margins(Rect(3,3,3,3)).padding(Rect(3,3,3,3));
-    button.createState(State.Pressed, State.Pressed).backgroundImageId("btn_default_pressed");
-    button.createState(State.Focused, State.Focused).backgroundImageId("btn_default_selected");
-}
+module dlangui.widgets.styles;
+
+import dlangui.core.types;
+import dlangui.graphics.fonts;
+import dlangui.graphics.drawbuf;
+import dlangui.graphics.images;
+
+immutable ubyte ALIGN_UNSPECIFIED = 0;
+immutable uint COLOR_UNSPECIFIED = 0xFFDEADFF;
+immutable uint COLOR_TRANSPARENT = 0xFFFFFFFF;
+immutable ushort FONT_SIZE_UNSPECIFIED = 0xFFFF;
+immutable ushort FONT_WEIGHT_UNSPECIFIED = 0x0000;
+immutable ubyte FONT_STYLE_UNSPECIFIED = 0xFF;
+immutable ubyte FONT_STYLE_NORMAL = 0x00;
+immutable ubyte FONT_STYLE_ITALIC = 0x01;
+/// use as widget.layout() param to avoid applying of parent size
+immutable int SIZE_UNSPECIFIED = int.max;
+
+immutable int FILL_PARENT = int.max - 1;
+immutable int WRAP_CONTENT = int.max - 2;
+immutable int WEIGHT_UNSPECIFIED = -1;
+
+enum State : uint {
+    Normal = 0,
+    Pressed = 1,
+    Focused = 2,
+    Disabled = 4,
+}
+
+enum Align : ubyte {
+    Unspecified = ALIGN_UNSPECIFIED,
+    Left = 1,
+    Right = 2,
+    HCenter = 1 | 2,
+    Top = 4,
+    Bottom = 8,
+    VCenter = 4 | 8,
+    Center = VCenter | HCenter,
+	TopLeft = Left | Top,
+}
+
+/// style properties
+class Style {
+	protected string _id;
+	protected Theme _theme;
+	protected Style _parentStyle;
+	protected string _parentId;
+	protected uint _stateMask;
+	protected uint _stateValue;
+	protected ubyte _align = Align.TopLeft;
+	protected ubyte _fontStyle = FONT_STYLE_UNSPECIFIED;
+	protected FontFamily _fontFamily = FontFamily.Unspecified;
+	protected ushort _fontSize = FONT_SIZE_UNSPECIFIED;
+	protected ushort _fontWeight = FONT_WEIGHT_UNSPECIFIED;
+	protected uint _backgroundColor = COLOR_TRANSPARENT;
+	protected uint _textColor = COLOR_UNSPECIFIED;
+	protected string _fontFace;
+	protected string _backgroundImageId;
+	protected Rect _padding;
+	protected Rect _margins;
+    protected int _minWidth = SIZE_UNSPECIFIED;
+    protected int _maxWidth = SIZE_UNSPECIFIED;
+    protected int _minHeight = SIZE_UNSPECIFIED;
+    protected int _maxHeight = SIZE_UNSPECIFIED;
+    protected int _layoutWidth = SIZE_UNSPECIFIED;
+    protected int _layoutHeight = SIZE_UNSPECIFIED;
+    protected int _layoutWeight = WEIGHT_UNSPECIFIED;
+
+	protected Style[] _substates;
+	protected Style[] _children;
+
+	protected FontRef _font;
+	protected DrawableRef _backgroundDrawable;
+
+	@property const(Theme) theme() const {
+		if (_theme !is null)
+			return _theme;
+		return currentTheme;
+	}
+
+	@property Theme theme() {
+		if (_theme !is null)
+			return _theme;
+		return currentTheme;
+	}
+
+	@property string id() const { return _id; }
+
+	@property const(Style) parentStyle() const {
+		if (_parentStyle !is null)
+			return _parentStyle;
+		if (_parentId !is null && currentTheme !is null)
+			return currentTheme.get(_parentId);
+		return currentTheme;
+	}
+
+	@property Style parentStyle() {
+		if (_parentStyle !is null)
+			return _parentStyle;
+		if (_parentId !is null && currentTheme !is null)
+			return currentTheme.get(_parentId);
+		return currentTheme;
+	}
+
+    @property ref DrawableRef backgroundDrawable() const {
+		if (!(cast(Style)this)._backgroundDrawable.isNull)
+			return (cast(Style)this)._backgroundDrawable;
+        string image = backgroundImageId;
+        if (image !is null) {
+            (cast(Style)this)._backgroundDrawable = drawableCache.get(image);
+        } else {
+            uint color = backgroundColor;
+            (cast(Style)this)._backgroundDrawable = new SolidFillDrawable(color);
+        }
+        return (cast(Style)this)._backgroundDrawable;
+    }
+
+    //===================================================
+    // font properties
+
+	@property ref FontRef font() const {
+		if (!(cast(Style)this)._font.isNull)
+			return (cast(Style)this)._font;
+		string face = fontFace;
+		int size = fontSize;
+		ushort weight = fontWeight;
+		bool italic = fontItalic;
+		FontFamily family = fontFamily;
+		(cast(Style)this)._font = FontManager.instance.getFont(size, weight, italic, family, face);
+		return (cast(Style)this)._font;
+	}
+
+	/// font size
+	@property FontFamily fontFamily() const {
+        if (_fontFamily != FontFamily.Unspecified)
+            return _fontFamily;
+        else
+            return parentStyle.fontFamily;
+	}
+
+	/// font size
+	@property string fontFace() const {
+        if (_fontFace !is null)
+            return _fontFace;
+        else
+            return parentStyle.fontFace;
+	}
+
+	/// font style - italic
+	@property bool fontItalic() const {
+        if (_fontStyle != FONT_STYLE_UNSPECIFIED)
+            return _fontStyle == FONT_STYLE_ITALIC;
+        else
+            return parentStyle.fontItalic;
+	}
+
+	/// font weight
+	@property ushort fontWeight() const {
+        if (_fontWeight != FONT_WEIGHT_UNSPECIFIED)
+            return _fontWeight;
+        else
+            return parentStyle.fontWeight;
+	}
+
+	/// font size
+	@property ushort fontSize() const {
+        if (_fontSize != FONT_SIZE_UNSPECIFIED)
+            return _fontSize;
+        else
+            return parentStyle.fontSize;
+	}
+
+    //===================================================
+    // layout parameters: margins / padding
+
+	/// padding
+	@property ref const(Rect) padding() const {
+		if (_stateValue != 0)
+			return parentStyle._padding;
+		return _padding;
+	}
+
+	/// margins
+	@property ref const(Rect) margins() const {
+		if (_stateValue != 0)
+			return parentStyle._margins;
+		return _margins;
+	}
+
+	/// text color
+	@property uint textColor() const {
+        if (_textColor != COLOR_UNSPECIFIED)
+            return _textColor;
+        else
+            return parentStyle.textColor;
+	}
+
+    //===================================================
+    // background
+
+	/// background color
+	@property uint backgroundColor() const {
+        if (_backgroundColor != COLOR_UNSPECIFIED)
+            return _backgroundColor;
+        else
+            return parentStyle.backgroundColor;
+	}
+
+	/// font size
+	@property string backgroundImageId() const {
+        if (_backgroundImageId !is null)
+            return _backgroundImageId;
+        else
+            return parentStyle.backgroundImageId;
+	}
+
+    //===================================================
+    // size restrictions
+
+	/// minimal width constraint, 0 if limit is not set
+	@property uint minWidth() const {
+        if (_minWidth != SIZE_UNSPECIFIED)
+            return _minWidth;
+        else
+            return parentStyle.minWidth;
+	}
+	/// max width constraint, returns SIZE_UNSPECIFIED if limit is not set
+	@property uint maxWidth() const {
+        if (_maxWidth != SIZE_UNSPECIFIED)
+            return _maxWidth;
+        else
+            return parentStyle.maxWidth;
+	}
+	/// minimal height constraint, 0 if limit is not set
+	@property uint minHeight() const {
+        if (_minHeight != SIZE_UNSPECIFIED)
+            return _minHeight;
+        else
+            return parentStyle.minHeight;
+	}
+	/// max height constraint, SIZE_UNSPECIFIED if limit is not set
+	@property uint maxHeight() const {
+        if (_maxHeight != SIZE_UNSPECIFIED)
+            return _maxHeight;
+        else
+            return parentStyle.maxHeight;
+	}
+    /// set min width constraint
+    @property Style minWidth(int value) {
+        _minWidth = value;
+        return this;
+    }
+    /// set max width constraint
+    @property Style maxWidth(int value) {
+        _maxWidth = value;
+        return this;
+    }
+    /// set min height constraint
+    @property Style minHeight(int value) {
+        _minHeight = value;
+        return this;
+    }
+    /// set max height constraint
+    @property Style maxHeight(int value) {
+        _maxHeight = value;
+        return this;
+    }
+
+
+	/// layout width parameter
+	@property uint layoutWidth() const {
+        if (_layoutWidth != SIZE_UNSPECIFIED)
+            return _layoutWidth;
+        else
+            return parentStyle.layoutWidth;
+	}
+
+	/// layout height parameter
+	@property uint layoutHeight() const {
+        if (_layoutHeight != SIZE_UNSPECIFIED)
+            return _layoutHeight;
+        else
+            return parentStyle.layoutHeight;
+	}
+
+	/// layout weight parameter
+	@property uint layoutWeight() const {
+        if (_layoutWeight != WEIGHT_UNSPECIFIED)
+            return _layoutWeight;
+        else
+            return parentStyle.layoutWeight;
+	}
+
+    /// set layout height
+    @property Style layoutHeight(int value) {
+        _layoutHeight = value;
+        return this;
+    }
+    /// set layout width
+    @property Style layoutWidth(int value) {
+        _layoutWidth = value;
+        return this;
+    }
+    /// set layout weight
+    @property Style layoutWeight(int value) {
+        _layoutWeight = value;
+        return this;
+    }
+
+    //===================================================
+    // alignment
+
+	/// get full alignment (both vertical and horizontal)
+	@property ubyte alignment() const { 
+        if (_align != Align.Unspecified)
+            return _align; 
+        else
+            return parentStyle.alignment;
+    }
+	/// vertical alignment: Top / VCenter / Bottom
+	@property ubyte valign() const { return alignment & Align.VCenter; }
+	/// horizontal alignment: Left / HCenter / Right
+	@property ubyte halign() const { return alignment & Align.HCenter; }
+
+    /// set alignment
+    @property Style alignment(ubyte value) {
+        _align = value;
+        return this;
+    }
+
+	@property Style fontFace(string face) {
+		_fontFace = face;
+		_font.clear();
+		return this;
+	}
+
+	@property Style fontFamily(FontFamily family) {
+		_fontFamily = family;
+		_font.clear();
+		return this;
+	}
+
+	@property Style fontStyle(ubyte style) {
+		_fontStyle = style;
+		_font.clear();
+		return this;
+	}
+
+	@property Style fontWeight(ushort weight) {
+		_fontWeight = weight;
+		_font.clear();
+		return this;
+	}
+
+	@property Style fontSize(ushort size) {
+		_fontSize = size;
+		_font.clear();
+		return this;
+	}
+
+	@property Style textColor(uint color) {
+		_textColor = color;
+		return this;
+	}
+
+	@property Style backgroundColor(uint color) {
+		_backgroundColor = color;
+        _backgroundImageId = null;
+		_backgroundDrawable.clear();
+		return this;
+	}
+
+	@property Style backgroundImageId(string image) {
+		_backgroundImageId = image;
+		_backgroundDrawable.clear();
+		return this;
+	}
+
+	@property Style margins(Rect rc) {
+		_margins = rc;
+		return this;
+	}
+
+	@property Style padding(Rect rc) {
+		_padding = rc;
+		return this;
+	}
+
+	this(Theme theme, string id) {
+		_theme = theme;
+		_parentStyle = theme;
+		_id = id;
+	}
+
+	/// create named substyle of this style
+	Style createSubstyle(string id) {
+		Style child = (_theme !is null ? _theme : currentTheme).createSubstyle(id);
+		child._parentStyle = this;
+		_children ~= child;
+		return child;
+	}
+
+	/// create state substyle for this style
+	Style createState(uint stateMask = 0, uint stateValue = 0) {
+        assert(stateMask != 0);
+		Style child = createSubstyle(null);
+		child._stateMask = stateMask;
+		child._stateValue = stateValue;
+		child._backgroundColor = COLOR_UNSPECIFIED;
+		_substates ~= child;
+		return child;
+	}
+
+	/// find substyle based on widget state (e.g. focused, pressed, ...)
+	const(Style) forState(uint state) const {
+		if (state == 0)
+			return this;
+        Log.d("forState ", state, " styleId=", _id, " substates=", _substates.length);
+		if (id is null && parentStyle !is null && _substates.length == 0)
+			return parentStyle.forState(state);
+		foreach(item; _substates) {
+			if ((item._stateMask & state) == item._stateValue)
+				return item;
+		}
+		return this; // fallback to current style
+	}
+}
+
+/// Theme - root for style hierarhy.
+class Theme : Style {
+	protected Style[string] _byId;
+
+	this(string id) {
+		super(this, id);
+		_parentStyle = null;
+		_backgroundColor = 0xFFFFFFFF; // transparent
+		_textColor = 0x000000; // black
+		_align = Align.TopLeft;
+		_fontSize = 24; // TODO: from settings or screen properties / DPI
+		_fontStyle = FONT_STYLE_NORMAL;
+		_fontWeight = 400;
+		_fontFace = "Arial"; // TODO: from settings
+        _fontFamily = FontFamily.SansSerif;
+        _minHeight = 0;
+        _minWidth = 0;
+        _layoutWidth = WRAP_CONTENT;
+        _layoutHeight = WRAP_CONTENT;
+        _layoutWeight = 1;
+	}
+
+	/// create wrapper style which will have currentTheme.get(id) as parent instead of fixed parent - to modify some base style properties in widget
+	Style modifyStyle(string id) {
+		Style style = new Style(null, null);
+		style._parentId = id;
+        style._align = Align.Unspecified; // inherit
+		return style;
+	}
+
+	// ================================================
+	// override to avoid infinite recursion
+	/// font size
+	@property override string backgroundImageId() const {
+        return _backgroundImageId;
+	}
+	/// minimal width constraint, 0 if limit is not set
+	@property override uint minWidth() const {
+        return _minWidth;
+	}
+	/// max width constraint, returns SIZE_UNSPECIFIED if limit is not set
+	@property override uint maxWidth() const {
+        return _maxWidth;
+	}
+	/// minimal height constraint, 0 if limit is not set
+	@property override uint minHeight() const {
+        return _minHeight;
+	}
+	/// max height constraint, SIZE_UNSPECIFIED if limit is not set
+	@property override uint maxHeight() const {
+        return _maxHeight;
+	}
+
+	/// create new named style
+	override Style createSubstyle(string id) {
+		Style style = new Style(this, id);
+		if (id !is null)
+			_byId[id] = style;
+        style._parentStyle = this; // as initial value, use theme as parent
+		return style;
+	}
+
+	/// find style by id, returns theme if not style with specified ID is not found
+	@property Style get(string id) {
+		if (id !is null && id in _byId)
+			return _byId[id];
+		return this;
+	}
+}
+
+/// to access current theme
+private __gshared Theme _currentTheme;
+@property Theme currentTheme() { return _currentTheme; }
+
+static this() {
+	_currentTheme = new Theme("default");
+    Style button = _currentTheme.createSubstyle("BUTTON").backgroundImageId("btn_default_small_normal").alignment(Align.Center);
+    Style text = _currentTheme.createSubstyle("TEXT").margins(Rect(3,3,3,3)).padding(Rect(3,3,3,3));
+    button.createState(State.Disabled | State.Focused, State.Disabled | State.Focused).backgroundImageId("btn_default_small_normal_disable_focused");
+    button.createState(State.Disabled, State.Disabled).backgroundImageId("btn_default_small_normal_disable");
+    button.createState(State.Pressed, State.Pressed).backgroundImageId("btn_default_small_pressed");
+    button.createState(State.Focused, State.Focused).backgroundImageId("btn_default_small_selected");
+}