/* -----------------------------------------------------------------------------
   Schematic Viewer
----------------------------------------------------------------------------- */

SchematicViewer {
  qproperty-TextColor: @schematic-text-color;
  qproperty-VerticalLineColor: @schematic-VerticalLine-color;

  qproperty-LevelColumnColor: @schematic-LevelColumn-color;
  qproperty-VectorColumnColor: @schematic-VectorColumn-color;
  qproperty-ChildColumnColor: @schematic-ChildColumn-color;
  qproperty-FullcolorColumnColor: @schematic-FullColorColumn-color;
  qproperty-FxColumnColor: @schematic-FxColumn-color;
  qproperty-PaletteColumnColor: @schematic-PaletteColumn-color;
  qproperty-MeshColumnColor: @schematic-MeshColumn-color;
  qproperty-ReferenceColumnColor: @schematic-ReferenceColumn-color;

  qproperty-TableColor: @schematic-TableColor;
  qproperty-ActiveCameraColor: @schematic-ActiveCameraColor;
  qproperty-OtherCameraColor: @schematic-OtherCameraColor;
  qproperty-GroupColor: @schematic-GroupColor;
  qproperty-PegColor: @schematic-PegColor;
  qproperty-SplineColor: @schematic-SplineColor;
  qproperty-ActiveOutputColor: @schematic-ActiveOutputcolor;
  qproperty-OtherOutputColor: @schematic-OtherOutputcolor;
  qproperty-XsheetColor: @schematic-XsheetColor;
  qproperty-NormalFxColor: @schematic-NormalFxColor;
  qproperty-MacroFxColor: @schematic-MacroFxColor;
  qproperty-ImageAdjustFxColor: @schematic-ImageAdjustFxColor;
  qproperty-LayerBlendingFxColor: @schematic-LayerBlendingFxColor;
  qproperty-MatteFxColor: @schematic-MatteFxColor;

  qproperty-SchematicPreviewButtonBgOnColor: @schematic-PreviewButtonBgOn-color;
  qproperty-SchematicPreviewButtonOnImage: url('@{img-url}/@{schematic-PreviewButtonOnImage}');
  qproperty-SchematicPreviewButtonBgOffColor: @schematic-PreviewButtonBgOff-color;
  qproperty-SchematicPreviewButtonOffImage: url('@{img-url}/@{schematic-PreviewButtonOffImage}');

  qproperty-SchematicCamstandButtonBgOnColor: @schematic-CamstandButtonBgOn-color;
  qproperty-SchematicCamstandButtonOnImage: url('@{img-url}/@{schematic-CamstandButtonOnImage}');
  qproperty-SchematicCamstandButtonTranspImage: url('@{img-url}/@{schematic-CamstandButtonTranspImage}');
  qproperty-SchematicCamstandButtonBgOffColor: @schematic-CamstandButtonBgOff-color;
  qproperty-SchematicCamstandButtonOffImage: url('@{img-url}/@{schematic-CamstandButtonOffImage}');
}

/* -----------------------------------------------------------------------------
   Schematic Node Viewer
----------------------------------------------------------------------------- */

#SchematicBottomFrame {
  background-color: @bg;
  border: 0;
  margin: 0;
  padding: 0;
  & QToolBar {
    &::separator:horizontal {
      margin: 0;
    }
    & QToolButton {
      &:extend(.button-tool all);
      padding: 0;
      margin: 2;
    }
  }
}

#SchematicSceneViewer {
  background-color: @schematic-viewer-bg-color;
  border-bottom: 1 solid @accent;
}

/* -----------------------------------------------------------------------------
   FX Settings
----------------------------------------------------------------------------- */

#FxSettingsTabBar {
  &::tab {
    &:extend(.tab-flat all);
    border-top: 1 solid @accent;
    &::first,
    &::only-one {
      border-left: 1 solid @accent;
    }
  }
}

FxSettings {
  & QToolBar {
    border-top: 1 solid @accent;
    border-right: 1 solid @accent;
    border-left: 1 solid @accent;
    min-height: 23; // prevent shrinking
    padding: 3 0;
    & QToolBar {
      border: 0;
    }
  }
}

#FxSettingsLabel {
  color: @schematic-label-text-color;
}

#FxSettingsHelpButton {
  background-color: @schematic-help-button-bg-color;
  color: #000;
  // remove vertical padding
  // otherwise text gets clipped
  padding-top: 0;
  padding-bottom: 0;
  &:hover {
    background-color: @schematic-help-button-bg-color-hover;
  }
}

#FxSettingsPreviewShowButton {
  &:extend(.button-show all);
}

ChannelBar {
  qproperty-TextColor: @text-color;
}