@import url("resource:///org/gnome/builder/theme/shared.css");

/* Darker grey accents used throughtout */
@define-color theme_accent_color #858c98;
@define-color theme_accent_bg_color #353945;
/*@define-color theme_accent_unfocused_color #89929e;
@define-color theme_accent_bg_unfocused_color #313843;*/
@define-color theme_button_hover_bg_color #454C5C;
@define-color theme_button_hover_border_color #262932;

perspectiveswitcher {
  background-color: @theme_accent_bg_color;
  border-top: 1px solid @borders;
  border-right: 1px solid @borders;
}

perspectiveswitcher button {
  color: @theme_accent_color;
  background-color: @theme_accent_bg_color;
  border-radius: 3px;
  box-shadow: none;
  border: none;
  margin: 1px;
}

perspectiveswitcher button:hover {
  border-color: @theme_button_hover_border_color;
  background-color: @theme_button_hover_bg_color;
}

perspectiveswitcher button:checked {
  color: white;
  background-color: @wm_button_active_bg;
}

perspectiveswitcher button:checked:backdrop {
  color: #c2c4c7;
}


/*
 * Layout tab and tab bar tweaks
 *
 * The following makes the layout stack header look similar to a tab bar.
 */
layouttabbar {
  border-bottom: 1px solid @borders;
}
layouttabbar > box > button {
  opacity: 0.5;
}
layouttabbar > box > button:hover,
layouttabbar > box > button:active {
  color: @theme_fg_color;
  opacity: 0.75;
}
layouttabbar > box > button:checked {
  color: @theme_fg_color;
  opacity: 1;
}
layouttabbar button {
  border: none;
  box-shadow: none;
  background: transparent;
}
layouttabbar > box {
  border-top: 3px solid @theme_bg_color;
}

layouttab label {
  padding: 5px;
}
layouttab {
  border: 1px solid @borders;
}
layouttab separator.vertical {
  margin-top: 7px;
  margin-bottom: 7px;
  opacity: 0.75;
}
layouttab separator.vertical:backdrop {
  opacity: 0.3;
}
layouttab button:disabled,
layouttab button {
  background: none;
  border: none;
  box-shadow: none;
  padding-left: 4px;
  padding-right: 4px;
}
layouttab button:checked,
layouttab button:active {
  color: @theme_fg_color;
}

/* Close button */
layouttab > box > button:last-child image {
  opacity: 0.75;
}
layouttab > box > button:last-child:hover image {
  color: red;
}


layoutpane stackswitcher button {
  color: @theme_fg_color;
  background-color: transparent;
  border: none;
}
layoutpane stackswitcher button:checked {
  color: @theme_selected_bg_color;
}
/* All boxes */
layoutpane > box > box.horizontal > stackswitcher > button:hover {
	border: 1px solid @borders;
}
/* Box above file switcher */
layoutpane > box.vertical:first-child > box.horizontal {
	border: 1px solid @borders;
}


/* Builder pane */
window.workbench buildperspective list {
  border-right: 1px solid @borders;
  background-color: @theme_base_color;
}
window.workbench buildperspective list row {
  padding: 10px;
  border-bottom: 1px solid alpha(@borders, 0.50);
}
window.workbench buildperspective list row:last-child {
  border-bottom: none;
}
