.

terminus-core/src/components/appRoot.component.pug

@@ -1,9 +1,9 @@
-//title-bar(*ngIf='!config.store.appearance.useNativeFrame && config.store.appearance.dock == "off"')
+title-bar(*ngIf='config.store.appearance.frame == "full" && config.store.appearance.dock == "off"')
 
 .content(
     [class.tabs-on-top]='config.store.appearance.tabsOnTop'    
 )
-    .tab-bar(*ngIf='app.tabs.length > 0')
+    .tab-bar
         .tabs
             tab-header(
                 *ngFor='let tab of app.tabs; let idx = index',
@@ -32,6 +32,22 @@
         )
             i.fa([class]='"fa fa-" + button.icon')
 
+        button.btn.btn-secondary.btn-minimize(
+            *ngIf='config.store.appearance.frame == "thin"',
+            (click)='hostApp.minimize()',
+        )
+            i.fa.fa-window-minimize
+        button.btn.btn-secondary.btn-maximize(
+            *ngIf='config.store.appearance.frame == "thin"',
+            (click)='hostApp.toggleMaximize()',
+        )
+            i.fa.fa-window-maximize
+        button.btn.btn-secondary.btn-close(
+            *ngIf='config.store.appearance.frame == "thin"',
+            (click)='hostApp.quit()',
+        )
+            i.fa.fa-close
+
     start-page(*ngIf='app.tabs.length == 0')
 
     tab-body(

terminus-core/src/components/appRoot.component.scss

@@ -44,6 +44,18 @@ $tab-border-radius: 4px;
         color: #aaa;
         border: none;
         border-radius: 0;
+
+        &.btn-minimize {
+            margin-left: 10px;
+        }
+        
+        &.btn-minimize, &.btn-maximize {
+            font-size: 8px;
+        }
+
+        &.btn-close {
+            font-size: 12px;
+        }
     }
 
     &>.tabs {

terminus-core/src/components/appRoot.component.ts

@@ -123,9 +123,6 @@ export class AppRootComponent {
                 }
             }
         }
-        setImmediate(() => {
-            this.docking.dock()
-        })
     }
 
     getLeftToolbarButtons (): IToolbarButton[] { return this.getToolbarButtons(false) }

terminus-core/src/configDefaults.yaml

@@ -4,4 +4,4 @@ appearance:
   dockFill: 50
   tabsOnTop: true
   theme: 'Standard'
-  useNativeFrame: false
+  frame: 'thin'

terminus-core/src/services/docking.service.ts

@@ -52,8 +52,10 @@ export class DockingService {
         }
 
         this.hostApp.setAlwaysOnTop(true)
-        this.hostApp.unmaximize()
-        this.hostApp.setBounds(newBounds)
+        //this.hostApp.unmaximize()
+        setImmediate(() => {
+            this.hostApp.setBounds(newBounds)
+        })
     }
 
     getCurrentScreen () {

terminus-core/src/theme.scss

@@ -84,14 +84,10 @@ title-bar {
 
 
 app-root  {
-    background: $body-bg;
-
     &> .content {
         background: $body-bg2;
 
         .tab-bar {
-            background: $body-bg;
-
             &>button {
                 &:not(:hover):not(:active) {
                     background: $body-bg2;