#red-ui-header {
  background: #3f4d67;
}
#red-ui-header .red-ui-deploy-button {
  background: linear-gradient(-135deg, #1de9b6, #1dc4e9);
  color: #000;
}
#red-ui-header .red-ui-deploy-button:hover {
  background: linear-gradient(-135deg, #1de9b6, #1dc4e9);
  color: #000;
}
#red-ui-header span.red-ui-header-logo img {
  height: 32px;
}

#red-ui-header
  #red-ui-header-button-deploy.disabled
  + #red-ui-header-button-deploy-options {
  background-color: #343d4d;
}

#red-ui-header span.red-ui-header-logo a {
  color: #fff;
}

.red-ui-tray-toolbar button.primary {
  background: linear-gradient(-135deg, #1de9b6, #1dc4e9);
  color: #000 !important;
  border: #fff;
}

.red-ui-tray-toolbar button.primary:hover {
  background: linear-gradient(-135deg, #568f80, #4ba9be);
  border: #fff;
}
.red-ui-tray-toolbar
  button.primary:not(.disabled):not(.ui-button-disabled):hover {
  border-color: #fff;
  background: linear-gradient(-135deg, #568f80, #4ba9be);
  color: #eee !important;
}

.red-ui-palette-content {
  background: #3f4e67;
}
.red-ui-palette-header,
.red-ui-info-toolbar {
  color: #fff;
  background: #3f4e67;
}

.red-ui-palette-header:hover,
.red-ui-info-toolbar:hover {
  background: #0a172e !important;
}