/* -----------------------------------------------------------------------------

   XSheet Viewer

----------------------------------------------------------------------------- */

/* ScrollAreas (Row, Column and Cell)

----------------------------------------------------------------------------- */

#xsheetArea,

#ScrollArea {

  background-color: @xsheet-empty-bg-color;

  border: 0;

}

#xsheetScrollArea {	

  border: 0;

}

#cornerWidget {

  & QToolButton {

    padding: 0;

  }

}

#XsheetCellArea {

  & QLineEdit {

    margin-top: 1; // make it align with cell-selection box

    &:focus {

      border-radius: 0;

      border-width: 2; // boost the contrast

      border-left-width: 2; // make it align with cell-selection box

      border-color: @xsheet-CellFocus-color;

      background-color: @xsheet-CellArea-bg-color-focus;

    }

  }

}

#RenameCellField {

  padding-right: 3;

}

/* xsheetColumnHeader (Context Menus)

----------------------------------------------------------------------------- */

#xsheetColumnAreaMenu_Preview {	

  background-color: @xsheet-menu-preview-color;

}

#xsheetColumnAreaMenu_Lock {

  background-color: @xsheet-menu-lock-color;	

}

#xsheetColumnAreaMenu_Camstand {

  background-color: @xsheet-menu-camstand-color;	

}

#xsheetColumnAreaMenu_Preview, 

#xsheetColumnAreaMenu_Lock, 

#xsheetColumnAreaMenu_Camstand {

  color: @xsheet-menu-text-color;

}

#noteTextEdit{

  color: @xsheet-notes-text-color;

}

#DvMiniToolBar {

  border: 1 solid @accent;

}

/* XSheet Spreadsheet

----------------------------------------------------------------------------- */

XsheetViewer {

  qproperty-TextColor: @xsheet-text-color;

  qproperty-ErrorTextColor: @xsheet-error-text-color;

  qproperty-BGColor: @xsheet-bg-color;

  qproperty-LightLineColor: @xsheet-LightLine-color;

  qproperty-MarkerLineColor: @xsheet-MarkerLine-color;

  qproperty-VerticalLineColor: @xsheet-VerticalLine-color;

  qproperty-VerticalLineHeadColor: @xsheet-VerticalLineHead-color;

  qproperty-PreviewFrameTextColor: @xsheet-PreviewFrameText-color;

  qproperty-CurrentRowBgColor: @xsheet-CurrentRowBG-color;

  qproperty-OnionSkinAreaBgColor: @xsheet-OnionSkinAreaBG-color;

  qproperty-CellFocusColor: @xsheet-CellFocus-color;

  qproperty-ColumnIconLineColor: @xsheet-ColumnIconLine-color;

  qproperty-EmptyColumnHeadColor: @xsheet-EmptyColumnHead-color;

  qproperty-ColumnHeadPastelizer: @xsheet-ColumnHeadPastelizer-color;

  qproperty-SelectedColumnHead: @xsheet-SelectedColumnHead-color;

  qproperty-PlayRangeColor: @xsheet-PlayRange-Color;

  qproperty-FoldedColumnBGColor: @xsheet-FoldedColumnBG-color;

  qproperty-FoldedColumnLineColor: @xsheet-FoldedColumnLine-color;

  qproperty-EmptyCellColor: @xsheet-EmptyCell-color;

  qproperty-NotEmptyColumnColor: @xsheet-NotEmptyColumn-color; // Not empty "cell"

  qproperty-SelectedEmptyCellColor: @xsheet-SelectedEmptyCell-color;

  // Level Type Colors

  qproperty-LevelColumnColor: @xsheet-LevelColumn-color;

  qproperty-LevelColumnBorderColor: desaturate(darken(@xsheet-LevelColumn-color, @columnBorderDarkness), @columnBorderDesaturation);

  qproperty-SelectedLevelColumnColor: mix(shade(@xsheet-LevelColumn-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);

  qproperty-VectorColumnColor: @xsheet-VectorColumn-color;

  qproperty-VectorColumnBorderColor: desaturate(darken(@xsheet-VectorColumn-color, @columnBorderDarkness), @columnBorderDesaturation);

  qproperty-SelectedVectorColumnColor: mix(shade(@xsheet-VectorColumn-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);

  qproperty-ChildColumnColor: @xsheet-ChildColumn-color;

  qproperty-ChildColumnBorderColor: desaturate(darken(@xsheet-ChildColumn-color, @columnBorderDarkness), @columnBorderDesaturation);

  qproperty-SelectedChildColumnColor: mix(shade(@xsheet-ChildColumn-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);

  qproperty-FullcolorColumnColor: @xsheet-FullColorColumn-color;

  qproperty-FullcolorColumnBorderColor: desaturate(darken(@xsheet-FullColorColumn-color, @columnBorderDarkness), @columnBorderDesaturation);

  qproperty-SelectedFullcolorColumnColor: mix(shade(@xsheet-FullColorColumn-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);

  qproperty-FxColumnColor: @xsheet-FxColumn-color;

  qproperty-FxColumnBorderColor: desaturate(darken(@xsheet-FxColumn-color, @columnBorderDarkness), @columnBorderDesaturation);

  qproperty-SelectedFxColumnColor: mix(shade(@xsheet-FxColumn-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);

  qproperty-ReferenceColumnColor: @xsheet-ReferenceColumn-color;

  qproperty-ReferenceColumnBorderColor: desaturate(darken(@xsheet-ReferenceColumn-color, @columnBorderDarkness), @columnBorderDesaturation);

  qproperty-SelectedReferenceColumnColor: mix(shade(@xsheet-ReferenceColumn-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);

  qproperty-PaletteColumnColor: @xsheet-PaletteColumn-color;

  qproperty-PaletteColumnBorderColor: desaturate(darken(@xsheet-PaletteColumn-color, @columnBorderDarkness), @columnBorderDesaturation);

  qproperty-SelectedPaletteColumnColor: mix(shade(@xsheet-PaletteColumn-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);

  qproperty-MeshColumnColor: @xsheet-MeshColumn-color;

  qproperty-MeshColumnBorderColor: desaturate(darken(@xsheet-MeshColumn-color, @columnBorderDarkness), @columnBorderDesaturation);

  qproperty-SelectedMeshColumnColor: mix(shade(@xsheet-MeshColumn-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);

  qproperty-SoundTextColumnColor: @xsheet-SoundTextColumn-color;

  qproperty-SoundTextColumnBorderColor: desaturate(darken(@xsheet-SoundTextColumn-color, @columnBorderDarkness), @columnBorderDesaturation);

  qproperty-SelectedSoundTextColumnColor: mix(shade(@xsheet-SoundTextColumn-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);

  qproperty-SoundColumnColor: @xsheet-SoundColumn-color;

  qproperty-SoundColumnBorderColor: desaturate(darken(@xsheet-SoundColumn-color, @columnBorderDarkness), @columnBorderDesaturation);

  qproperty-SelectedSoundColumnColor: mix(shade(@xsheet-SoundColumn-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);

  qproperty-SoundColumnHlColor: @xsheet-SoundColumnHL-color;

  qproperty-SoundColumnTrackColor: @xsheet-SoundColumnTrack-color;

  qproperty-ActiveCameraColor: @xsheet-ActiveCamera-color;

  qproperty-SelectedActiveCameraColor: mix(shade(@xsheet-ActiveCamera-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);

  qproperty-OtherCameraColor: @xsheet-OtherCamera-color;

  qproperty-SelectedOtherCameraColor: mix(shade(@xsheet-OtherCamera-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);

  qproperty-LightLightBGColor: @function-LightLightBG-color;

  qproperty-LightBGColor: @xsheet-LightBG-color;

  qproperty-DarkBGColor: @xsheet-DarkBG-color;

  qproperty-DarkLineColor: @xsheet-DarkLine-color;

  // Column Header: Vertical

  qproperty-TimelineIconLineColor: @timeline-IconLine-color;

  qproperty-XsheetColumnNameBgColor: @xsheet-ColumnNameBg-color;

  qproperty-XsheetDragBarHighlightColor: @xsheet-DragBarHighlight-color;

  qproperty-XsheetPreviewButtonBgOnColor: @xsheet-PreviewButtonBgOn-color;

  qproperty-XsheetPreviewButtonOnImage: url('@{img-url}/x_prev_eye_on.svg');

  qproperty-XsheetPreviewButtonBgOffColor: transparent;

  qproperty-XsheetPreviewButtonOffImage: url('@{img-url}/x_prev_eye_off.svg');

  qproperty-XsheetCamstandButtonBgOnColor: @xsheet-CamstandButtonBgOn-color;

  qproperty-XsheetCamstandButtonOnImage: url('@{img-url}/x_table_view_on.svg');

  qproperty-XsheetCamstandButtonTranspImage: url('@{img-url}/x_table_view_transp.svg');

  qproperty-XsheetCamstandButtonBgOffColor: transparent;

  qproperty-XsheetCamstandButtonOffImage: url('@{img-url}/x_table_view_off.svg');

  qproperty-XsheetLockButtonBgOnColor: @xsheet-LockButtonBgOn-color;

  qproperty-XsheetLockButtonOnImage: url('@{img-url}/x_lock_on.svg');

  qproperty-XsheetLockButtonBgOffColor: transparent;

  qproperty-XsheetLockButtonOffImage: url('@{img-url}/x_lock_off.svg');

  qproperty-XsheetConfigButtonBgColor: @xsheet-ConfigButtonBg-color;

  qproperty-XsheetConfigButtonImage: url('@{img-url}/x_config.svg');

  qproperty-FrameRangeMarkerLineColor: @timeline-FrameRangeMarkerLine-color;

  // Column Header: Horizontal

  qproperty-TimelinePreviewButtonBgOnColor: @bg;

  qproperty-TimelinePreviewButtonOnImage: url('@{img-url}/preview_small.svg');

  qproperty-TimelinePreviewButtonBgOffColor: @bg;

  qproperty-TimelinePreviewButtonOffImage: url('none');

  qproperty-TimelineCamstandButtonBgOnColor: @bg;

  qproperty-TimelineCamstandButtonOnImage: url('@{img-url}/table_small.svg');

  qproperty-TimelineCamstandButtonTranspImage: url('@{img-url}/trans_small.svg');

  qproperty-TimelineCamstandButtonBgOffColor: @bg;

  qproperty-TimelineCamstandButtonOffImage: url('none');

  qproperty-TimelineLockButtonBgOnColor: @bg;

  qproperty-TimelineLockButtonOnImage: url('@{img-url}/lock_on_small.svg');

  qproperty-TimelineLockButtonBgOffColor: @bg;

  qproperty-TimelineLockButtonOffImage: url('none');

  qproperty-TimelineConfigButtonBgColor: @bg;

  qproperty-TimelineConfigButtonImage: url('@{img-url}/timeline_config.svg');

  // Header Control

  qproperty-LayerHeaderPreviewImage: url('@{img-url}/layer_header_prev_eye.svg');

  qproperty-LayerHeaderPreviewOverImage: url('@{img-url}/layer_header_prev_eye_over.svg');

  qproperty-LayerHeaderCamstandImage: url('@{img-url}/layer_header_table_view.svg');

  qproperty-LayerHeaderCamstandOverImage: url('@{img-url}/layer_header_table_view_over.svg');

  qproperty-LayerHeaderLockImage: url('@{img-url}/layer_lock_on.svg');

  qproperty-LayerHeaderLockOverImage: url('@{img-url}/layer_lock_on_over.svg');

}

/* -----------------------------------------------------------------------------

   Function Editor

----------------------------------------------------------------------------- */

#FunctionEditor {

  & QToolBar {

    border-bottom: 1 solid @accent;

    background-color: transparent;

    padding-bottom: 10;

    & QToolBar {

      border: 0;

    }

    & QToolButton {

      margin-bottom: 2;

    }

  }

}

#FunctionParametersPanel {

  &:extend(.frame all);

}

#FunctionEditorTree {

  &:extend(.treeview all);

  border-top: 1 solid @accent;

}

FunctionTreeView {

  qproperty-TextColor: @function-treeview-text-color;

}

/* Function Editor Spreadsheet

----------------------------------------------------------------------------- */

// If a qproperty shares the same likeness with XSheet then pair the variables.

// XSheet should be considered as parent.

FunctionPanel {

  qproperty-BGColor: @function-panel-bg-color;

  qproperty-ValueLineColor: @function-panel-ValueLine-color;

  qproperty-FrameLineColor: @function-panel-FrameLine-color;

  qproperty-OtherCurvesColor: @function-panel-OtherCurves-color;

  qproperty-RulerBackground: @function-panel-RulerBG-color;

  qproperty-TextColor: @function-panel-Text-color;

  qproperty-SubColor: @function-panel-Sub-color;

  qproperty-SelectedColor: @function-panel-Selected-color;

}

SpreadsheetViewer {

  qproperty-LightLightBGColor: @function-LightLightBG-color; // paired

  qproperty-CurrentRowBgColor: @xsheet-CurrentRowBG-color; // paired

  qproperty-LightLineColor: @xsheet-LightLine-color; // paired

  qproperty-MarkerLineColor: @xsheet-MarkerLine-color; // paired

  qproperty-BGColor: @xsheet-NotEmptyColumn-color; // paired

  qproperty-VerticalLineColor: @xsheet-VerticalLine-color; // paired

  qproperty-KeyFrameColor: @function-KeyFrame-color;

  qproperty-KeyFrameBorderColor: @function-KeyFrameBorder-color;

  qproperty-SelectedKeyFrameColor: @function-SelectedKeyFrame-color;

  qproperty-InBetweenColor: @function-Inbetween-color;

  qproperty-InBetweenBorderColor: @function-InbetweenBorder-color;

  qproperty-SelectedInBetweenColor: @function-SelectedInbetween-color;

  qproperty-SelectedEmptyColor: @xsheet-SelectedEmptyCell-color; // paired

  qproperty-SelectedSceneRangeEmptyColor: @function-SelectedSceneRangeEmpty-color;

  qproperty-TextColor: @xsheet-text-color; // paired

  qproperty-ColumnHeaderBorderColor: @function-ColumnHeaderBorder-color; // paired

}

#FunctionSegmentViewer {}

#ExpressionField {

  background-color: @function-ExpressionFieldBG-color;

	border: 1 solid @function-ExpressionFieldBorder-color;

  margin: 0;

}

// #FunctionSegmentViewerLinkButton {}