/**
 * Copyright 2016 Simon Edwards <simon@simonzone.com>
 */

/* top-window */
@import "fontawesome-fontface";
@import "extraicons-fontface";
@import "emoji-fontface";

DIV.tab_bar_rest {
  display: flex;
  flex-grow: 1;
  
  & > DIV.space {
    flex-grow: 1;
  }
}

BODY {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  &.CLASS_MAIN_NOT_DRAGGING DIV.space {
    @if $extraterm-titlebar-visible == false {
      -webkit-app-region: drag;
    }
  }
}

EXTRATERM-MAINWEBUI {
  position: absolute; // or relative
  left: 0;
  top: if($extraterm-titlebar-visible or $extraterm-platform == darwin, 5px, 0px);
  right: 0;
  bottom: 0;
}

*:unresolved {
  background-color: red;
  border: 1px dashed red;
}

#ID_MENU_BUTTON:focus {
  outline: 0px solid transparent;
}

/**
 * Copyright 2016 Simon Edwards <simon@simonzone.com>
 */

/* top-window */
@import "fontawesome-fontface";
@import "extraicons-fontface";
@import "emoji-fontface";

DIV.tab_bar_rest {
  display: flex;
  flex-grow: 1;
  
  & > DIV.space {
    flex-grow: 1;
  }
}

BODY {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #222222;

  &.CLASS_MAIN_NOT_DRAGGING DIV.space {
    @if $extraterm-titlebar-visible == false {
      -webkit-app-region: drag;
    }
  }
}

EXTRATERM-MAINWEBUI {
  position: absolute; // or relative
  left: 0;
  top: if($extraterm-titlebar-visible or $extraterm-platform == darwin, 5px, 0px);
  right: 0;
  bottom: 0;
}

*:unresolved {
  background-color: red;
  border: 1px dashed red;
}

#ID_MENU_BUTTON:focus {
  outline: 0px solid transparent;
}

Fix the color of the bar at the top of window on macOS with atomic-dark
Fix the color of the bar at the top of window on macOS with atomic-dark
