implement some chat functionality, but not complete yet

modules/core_styles/core_styles.otmod

@@ -12,6 +12,7 @@ Module
     importStyle 'styles/lineedits.otui'
     importStyle 'styles/checkboxes.otui'
     importStyle 'styles/progressbars.otui'
+    importStyle 'styles/tabbars.otui'
     importStyle 'styles/windows.otui'
     importStyle 'styles/listboxes.otui'
     importStyle 'styles/items.otui'

modules/core_styles/styles/buttons.otui

@@ -18,3 +18,23 @@ Button < UIButton
     color: #f0ad4d88
     image-color: #ffffff88
 
+ConsoleButton < UIButton
+  size: 20 20
+  image-source: /core_styles/images/consolebutton.png
+  image-color: white
+  image-clip: 0 0 20 20
+  image-border: 2
+  icon-color: white
+  color: #aaaaaa
+
+  $hover !on:
+    image-clip: 0 20 20 20
+    color: white
+
+  $disabled:
+    image-color: #ffffff66
+    icon-color: #888888
+
+  $on:
+    image-clip: 0 40 20 20
+    color: #80c7f8

modules/core_styles/styles/tabbars.otui

@@ -1,5 +1,34 @@
 TabBar < UITabBar
-TabBarTabButton < UIButton
-TabBarCloseButton < UIButton
-TabBarPrevButton < UIButton
-TabBarNextButton < UIButton
+TabBarPanel < Panel
+TabBarButton < UIButton
+  size: 20 20
+  image-source: /core_styles/images/consolebutton.png
+  image-color: white
+  image-clip: 0 0 20 20
+  image-border: 2
+  icon-color: white
+  color: #aaaaaa
+  anchors.top: parent.top
+  margin-left: 5
+  padding: 5
+
+  $first:
+    anchors.left: parent.left
+
+  $!first:
+    anchors.left: prev.right
+
+  $hover !checked:
+    image-clip: 0 20 20 20
+    color: white
+
+  $disabled:
+    image-color: #ffffff66
+    icon-color: #888888
+
+  $checked:
+    image-clip: 0 40 20 20
+    color: #80c7f8
+
+  $on !checked:
+    color: #F55E5E