// out: dark.qss

/* LESS Definitions */

/*Image URL*/

@image_url: "imgs";

@platform_font: "Segoe UI", "Lucida Grande";

/*Text Color*/

@m_baseTxtColor: rgb(190,190,190);

@m_baseInputColor: rgb(220,220,220);

@m_baseDarkInputColor: rgb(205,205,205);

@m_disabledTxtColor: rgb(128,128,128);

@m_baseBG: 	rgb(48,48,48);

@m_base_lightH: rgb(88,88,88);

@m_base_lightV: rgb(108,108,108);

@m_base_darkH: 	rgb(12,12,12);

@m_base_darkV: 	rgb(0,0,0);

/*Used in Dialog border*/

@m_dialog_border_color:	rgb(0,0,0);

/*Color for Selected Item*/

@m_selectedBG:	rgb(68,128,68);

@m_selectedText:	rgb(88,228,88);

/*Color for title texts*/

@m_titleTxtColor: lighten(@m_selectedBG, 10%);

/* color adjustable by delta */

.baseBG(@dark: 0%){

	background-color: darken(@m_baseBG, @dark);

}

.baseBG(light, @light: 0%){

	background-color: lighten(@m_baseBG, @light);

}

.set_border_color(@lefttop, @rightbottom){

	border-left-color: 	@lefttop;

	border-top-color: 	@lefttop;

	border-right-color: 	@rightbottom;

	border-bottom-color: 	@rightbottom;

}

.base_inset(@dark: 0%){

	.baseBG(@dark);

	border-style: inset;

	border-left-color: 	darken(@m_base_darkH, @dark);

	border-top-color: 	darken(@m_base_darkV, @dark);

	border-right-color: 	darken(@m_base_lightH, @dark);

	border-bottom-color: 	darken(@m_base_lightV, @dark);

}

.base_inset(light, @light: 0%){

	.baseBG(light, @light);

	border-style: inset;

	border-left-color: 	lighten(@m_base_darkH, @light);

	border-top-color: 	lighten(@m_base_darkV, @light);

	border-right-color: 	lighten(@m_base_lightH, @light);

	border-bottom-color: 	lighten(@m_base_lightV, @light);

}

.base_outset(@dark: 0%){

	.baseBG(@dark);

	border-style: outset;

	border-left-color: 	darken(@m_base_lightH, @dark);

	border-top-color: 	darken(@m_base_lightV, @dark);

	border-right-color: 	darken(@m_base_darkH, @dark);

	border-bottom-color: 	darken(@m_base_darkV, @dark);

}

.base_outset(light, @light: 0%){

	.baseBG(light, @light);

	border-style: outset;

	border-left-color: 	lighten(@m_base_lightH, @light);

	border-top-color: 	lighten(@m_base_lightV, @light);

	border-right-color: 	lighten(@m_base_darkH, @light);

	border-bottom-color: 	lighten(@m_base_darkV, @light);

}

/*set padding*/

.set_padding(@hPad: 0px, @vPad: 0px){

   	padding-left: 	@hPad;

   	padding-right: 	@hPad;

   	padding-top: 	@vPad;

   	padding-bottom: @vPad;	

}

/*set margin*/

.set_margin(@hMgn: 0px, @vMgn: 0px) {

   	margin-left: 	@hMgn;

   	margin-right: 	@hMgn;

   	margin-top: 	@vMgn;

   	margin-bottom:	@vMgn;

}

/* ------ Qt Widgets Common Difinitions ------ */

QMenu,

QMenuBar,

QMainWindow,

QWidget {

	color: @m_baseTxtColor;

	.baseBG;

	font-family: @platform_font;

	font-size: 12px;

	font-weight: normal;	

	&:disabled{

		color: @m_disabledTxtColor;

	}

}

QFrame {

	margin: 0px;

	border: 0px;

	padding: 0px;

}

QDialog

{

	.baseBG;

}

QMainWindow::separator 

{

    background: yellow;

    width: 10px; /* when vertical */

    height: 10px; /* when horizontal */

}

QToolTip, #helpTooltip

{

	border: 1px solid black;

	background-color: rgb(255,255,225);

   	padding: 2px;

	color: black;

} 

QTreeWidget {

	border-width: 1px;

	.baseBG;

	alternate-background-color: lighten(@m_baseBG, 5%);

	&::item:selected 

	{

	    background-color: @m_selectedBG;

	    color: black;

	}

	&::item

	{

	    color: @m_baseTxtColor;

	}

}

QStatusBar {

 	background-color: rgb(192,192,192); 

	&::item { 

		border-width: 0;

	}

	& QLabel { 

		background-color: rgb(192,192,192); 

	}

	& #StatusBarLabel {

		background-color: rgb(255,255,255);

		.set_padding( 3px, 1px );

	}

}

QMenuBar

{

	.baseBG(0%);

	&::item:selected{

		.baseBG(light, 10%);

		border-width: 1px;

	}

}

QMenu

{

	.baseBG(5%);

	&::item {

		&:selected{

			background: @m_selectedBG;

			color: @m_baseInputColor; 

		}

		&:disabled{

			.baseBG;

			color: @m_disabledTxtColor;

		}

		&:disabled:selected{

			background: rgb(108,108,108);

		}

	}

	&::separator {

		.baseBG(light, 10%);

		.set_margin(0px,2px);

		border-width: 1px;

		height: 2px;

	}

}

QToolBar

{	

	.baseBG;

	border-width: 0px;

	/* border-top: 1px solid rgb(88, 88, 88); */

	margin: 0px;

	padding: 0px;

	border-image: none;

	&::separator:horizontal {

		image: url("@{image_url}/bottomseparator.png");

	}

	&::separator:vertical {

		image: url("@{image_url}/separator.png");

	}

	&  QToolButton {

		.baseBG;

		/*margin: 2px 1px 1px 1px;*/

		margin: 3px;

		border: 0px;

		border-image: none;

		&:hover {

			border-image: url("@{image_url}/over.png") 2;

			border-radius: 4px;

		}

		&:checked, 

		&:pressed {

			border-image: url("@{image_url}/click.png") 2;

			border-radius: 4px;

		}

		&:disabled{

			.baseBG(light, 5%);

			color: @m_disabledTxtColor;

		}

		&::menu-indicator

		{

			image: none;

		}

		&::menu-button {

			border-image: none;

			/*background-color: rgb(160,160,160);*/

		}

	}

	& QLabel

	{

		.baseBG;

		margin-top: 1px;

		border-width: 2;

	}

	& QToolBar

	{

	    border-width: 0px;

	}

}

QLineEdit {

	/*darken little bit*/

	color: @m_baseDarkInputColor;

	.baseBG(5%);

	border-width: 1px;

 	border-radius: 2px;

	 border: 1px solid rgb(78, 78, 78);

	&:disabled {

	    .baseBG(light, 10%);

		color: @m_disabledTxtColor;

	}

}

QComboBox {

	/*darken little bit*/

	color: @m_baseDarkInputColor;

	.baseBG(5%);

	border: 1px solid rgb(78, 78, 78);

	.set_padding( 1px, 1px );

	border-radius: 3px;

    padding-left: 4px;

	/*arrow button*/

	&::drop-down {

		.baseBG(5%);

		border-width: 2px;

		border-radius: 3px;

		/*pressed state*/

		&:on {

			/*.base_inset;*/

		}

		&:disabled {

	   		.baseBG(light, 10%);

		}

	}

	/*arrow button triangle*/

	&::down-arrow {

		image: url("@{image_url}/combo_down_arrow.png");

	}

	&:disabled {

	    .baseBG(light, 10%);

		border: 1px solid rgb(78, 78, 78);

		color: @m_disabledTxtColor;

	}

}

QComboBox QAbstractItemView {

	outline: 0px;

    selection-background-color: @m_selectedBG;

}

QPushButton {

	/* .base_outset; */

	color: darken(@m_baseInputColor, 5);

	border: 1px solid rgb(102,102,102);

 	border-radius: 4px;

   	.set_padding(15px, 3px);

	&:checked {

		.base_inset(light, 5%);

	}

	&:pressed {

	    .baseBG(light, 7%);

	}

	/*lighten lilttle bit when hover*/

	&:hover {

		.baseBG(light, 10%);

		&:pressed {

		    .baseBG(light, 7%);

	    }

    	&:checked {

    		.base_inset(light, 5%);

	    }

	}

	/*lighten lilttle bit when pressed*/

	&:disabled{

		.baseBG(light, 5%);

		color: rgb(80,80,80);

	}

}

#PushButton_NoPadding {

	.set_padding(3px, 3px);

}

QCheckBox {

	&:hover {

		 .baseBG(light, 10%); 

		 border-radius: 2px;

	}

	&:disabled {

		color: @m_disabledTxtColor;

	}

	&::indicator {

		width: 11px;

		height: 11px;

		.baseBG(5%);

		border: 1px solid rgb(108, 108, 108);

		border-radius: 2px;

		&:disabled {

			.baseBG(light, 5%);

			border: 1px solid rgb(108, 108, 108);

		}

		&:checked {

			image: url("@{image_url}/check_indicator.png");

		    &:disabled {

		        image: url("@{image_url}/check_indicator_disabled.png");

		    }

		}

	}

}

QSlider {

	&::groove:horizontal {

		.baseBG(10%);

		border-bottom: 1px solid rgb(69, 69, 69);

		height: 2px;

     		margin: 1px;

	}

	&::handle:horizontal {

		.baseBG(light, 30%);

		border-radius: 4px;

		/*border-width: 2px;*/

		width: 8px;

     		margin: -8px 0px; /* expand outside the groove */

	}

}

QGroupBox {

	border: 1px solid rgb(88, 88, 88);

	margin: 6px 0 3px 0;

	padding: 5px 3px;

	border-radius: 3px;

	&::title {

		subcontrol-origin: margin;

		left: 15px;

		margin: -2px 0 0 0;

		padding: 0 3px;

		&:disabled{

			color: @m_disabledTxtColor;

		}

	}

	&::indicator {

		&:extend(QCheckBox::indicator all);

	}

	&:disabled{

		color: @m_base_darkH;

		border-color: @m_disabledTxtColor;

	}

}

/* between the Studio Palette and the Style Editor */

QSplitter::handle

{

    background-color: lighten(@m_baseBG, 5);

}

/* ------ Toonz Classes Difinitions ------ */

TPanel {

	/*Used for dialog border*/

	background-color: @m_dialog_border_color;

}

TPanelTitleBar{

	qproperty-BorderPixmap: url("@{image_url}/tpaneltitlebar_border.png");

	qproperty-ActiveBorderPixmap: url("@{image_url}/tpaneltitlebar_border_active.png");

	qproperty-FloatBorderPixmap: url("@{image_url}/tpaneltitlebar_border_float.png");

	qproperty-FloatActiveBorderPixmap: url("@{image_url}/tpaneltitlebar_border_float_active.png");

	qproperty-TitleColor: rgb(192,192,192);

	qproperty-ActiveTitleColor: rgb(255,255,255);

}

/* ------ Palette ------ */

PaletteViewer #ToolBarContainer

{

    margin: 0px;

    padding: 0px;

    & QToolBar

    {

        border: 1px;

        .baseBG;

        & QToolButton

        {

            margin: 0px;

            padding: 1px;

            border: 0px;

        }

    }

    & #keyFrameNavigator

    {

        border: 0px;

    }

}

#TabBarContainer{

	qproperty-BottomAboveLineColor: @m_baseBG;

 	qproperty-BottomBelowLineColor: rgb(132, 132, 132);

	.baseBG(5%);

	& #ScrollLeftButton,

	& #ScrollRightButton{

	margin-top: 1px;

    }

}

#PaletteTabBar, 

#FxSettingsTabBar{

	.baseBG(5%);

	border-bottom: 1px solid rgb(88, 88, 88);

	&::tab {

		.set_padding( 7px, 2px );

		.baseBG(5%); /* for non selected tab */

		border: 1px solid rgb(88, 88, 88);

		min-width: 60px;

		border-width: 1px;

	    border-top-left-radius: 4px;

	    border-top-right-radius: 4px;			

     	margin-top: 3px; /* for non selected tab */

		border-bottom-color: @m_base_lightV; /* for non selected tab */

		&:selected {

			.baseBG;

			border: 1px solid rgb(132, 132, 132);

		    border-bottom-color: @m_baseBG; /* same as the pane color */

			/* expand/overlap to the left and right by 4px */

			margin-left: -4px;

			margin-right: -4px;

			margin-top: 2px;

		}

		&:first {

			margin-left: 2px; /* the first selected tab has nothing to overlap with on the left */

		}

		&:last {

			margin-right: 0px; /* the last selected tab has nothing to overlap with on the right */

		}

		&:only-one {

			margin: 0px;

			margin-top: 2px;

			margin-left: 2px;

			/*margin-left 2px; /* if there is only one tab, we don't want overlapping margins */

		} 

	}

}

#PaletteLockButton{

	&:hover{

		border-image: url("@{image_url}/over_yellow.png") 2;

	}

	&:checked{

		border-image: url("@{image_url}/click_pink.png") 2;

		&:hover{

			border-image: url("@{image_url}/over_pressed_yellow.png") 2;

		}

	}

}

#PageViewer{

	qproperty-TextColor: @m_baseTxtColor;

}

/* ------ Style Editor ------ */

#StyleEditor {

	border: 0px;

	QPushButton {

		margin: 1px;

		margin-top: 3px;

		min-width:10px;

		padding: 4px;

		padding-top: 2px;

		padding-bottom: 2px;

		&:checked {

			.baseBG(light, 10%);

			border: 1px solid rgb(132, 132, 132);

		}

		&:hover {

			.baseBG(light, 15%);

			border: 1px solid rgb(132, 132, 132);

			&:checked {

				.baseBG(light, 20%);

				&:pressed {

					.baseBG(light, 13%);

				}

			}

		}

		&:pressed {

			.baseBG(light, 13%);

		}

	}

	QLineEdit {

		min-width: 28px;

		max-width: 30px;

	}

}

#StyleEditorTabBar {

	border-bottom: 1px solid rgb(88, 88, 88);

	QPushButton {

		margin: 10px;

	}

	.baseBG(5%);

	&::tab{

		.set_padding( 2px, 2px );

		.baseBG(5%); /* for non selected tab */

		border: 1px solid rgb(88, 88, 88);

		/* min-width: 60px; */

		border-width: 1px;

	    border-top-left-radius: 4px;

	    border-top-right-radius: 4px;			

     	margin-top: 3px; /* for non selected tab */

		border-bottom-color: @m_base_lightV; /* for non selected tab */

		font-size: 11px;

		min-width: 40px;

		&:selected {

			.baseBG;

			border: 1px solid rgb(132, 132, 132);

		    border-bottom-color: @m_baseBG; /* same as the pane color */

			/* expand/overlap to the left and right by 4px */

			margin-left: -2px;

			margin-right: -2px;

			margin-top: 2px;

		}

		&:first:selected {

			margin-left: 0px; /* the first selected tab has nothing to overlap with on the left */

		}

		&:last:selected {

			margin-right: 0px; /* the last selected tab has nothing to overlap with on the right */

		}

		&:only-one {

			margin: 0px;

			margin-top: 2px;

			margin-left: 1px;

		}

	}

}

#HexagonalColorWheel {

	qproperty-BGColor: @m_baseBG;

}

/* Customize Horizontal QSlider that have name "colorSlider"  */

#colorSlider {

	&::groove:horizontal {

		height: 20;

		border-image: none;

		border-width: 1;

		height: 1px;

	}

	&::handle:horizontal {

		width: 8px;

		margin: -8px -4px;

	}

}

#colorSliderAddButton, 

#colorSliderSubButton

{

	/* border-image: url("@{image_url}/colorslider_button_bg.png")2;*/

	padding: 0px;

	margin: 0px;

	border: 2px;

	image-position: center center;

	min-height: 8px;

	max-width: 14px;

}

#colorSliderAddButton

{

	image: url("@{image_url}/colorslider_add.png");

	&:pressed {

		image: url("@{image_url}/colorslider_add_pressed.png");

	}

}

#colorSliderSubButton

{

	image: url("@{image_url}/colorslider_sub.png");

	&:pressed {

		image: url("@{image_url}/colorslider_sub_pressed.png");

	}

}

#PlainColorPageParts

{

	.baseBG;

	border: 0px;

}

#colorSliderLabel, 

#colorSliderField

{

	font-size: 12px;

	min-height:12px;

}

#colorSliderField {

	color: @m_baseInputColor;	

}

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

/* The animated, scrollable toolbar containers */

DvScrollWidget > QPushButton {

	border-image: none;

	border: 0px solid black;

	padding: 0px;

 	border-radius: 1px;

	background-color: rgb(225,225,225);

	&:hover {

		background-color: rgb(245,245,245);

	}

	&:pressed {

		background-color: rgb(215,215,215);

	}

}

#ScrollLeftButton, 

#ScrollRightButton, 

#ScrollUpButton, 

#ScrollDownButton {

	min-width: 15px;

	max-width: 15px;

}

#ScrollLeftButton {

	image: url("@{image_url}/left_arrow_black.png");

	border-right: 1px solid black;

}

#ScrollRightButton {

	image: url("@{image_url}/right_arrow_black.png");

	border-left: 1px solid black;

}

#ScrollUpButton {

	image: url("@{image_url}/up_arrow_black.png");

	border-bottom: 1px solid black;

}

#ScrollDownButton {

	image: url("@{image_url}/down_arrow_black.png");

	border-top: 1px solid black;

}

/* ------ Viewer, Flipbook ------ */

#ViewerPanel {

	.baseBG(15%);

	& #ToolBarContainer

    {

    	border-top: 1px solid @m_base_lightV;

    	margin-top: 1px;

    	padding-top: 3px;

    }	

}

FlipBook #ToolBarContainer

{

	border-top: 1px solid @m_base_lightV;

	margin-top: 1px;

	padding-top: 3px;

}	

/* Flipbook toolbar-specific */

#ToolBarContainer #ScrollLeftButton {

	margin-top: 1px;

}

#ToolBarContainer #ScrollRightButton {

	margin-top: 1px;

}

#ViewerFpsSlider

{

	.baseBG(10%);

	.set_margin(19px, 0px);

	border: 1px solid rgb(88, 88, 88);

	height: 21px;

	&::handle {

		border-image: url("@{image_url}/handle_border.png")6;

		border-width: 6px;

		image: none;

		min-width: 5px;

	}

	&::add-line {

		image: url("@{image_url}/fpssb_g_rarrow.png");

		width: 20px;

		subcontrol-position: right;

		subcontrol-origin: margin;

		margin: 0px;

		&:pressed {

			image: url("@{image_url}/fpssb_g_rarrow_pressed.png");

		}

	}

	&::sub-line {

		image: url("@{image_url}/fpssb_g_larrow.png");

		width: 20px;

		subcontrol-position: left;

		subcontrol-origin: margin;

		margin: 0px;

		&:pressed {

			image: url("@{image_url}/fpssb_g_larrow_pressed.png");

		}

	}

}

#FlipConsolePlayToolBar{

	border: none;

	& QToolButton {

	    height: 14px;

	}

}

FlipSlider {

	qproperty-PBHeight: 20;

	qproperty-PBOverlay: url("@{image_url}/flipslider.png");

	qproperty-PBMarker:  url("@{image_url}/flipmarker.png");

	qproperty-PBColorMarginLeft: 1;

	qproperty-PBColorMarginTop: 1;

	qproperty-PBColorMarginRight: 1;

	qproperty-PBColorMarginBottom: 1;

	qproperty-PBMarkerMarginLeft: 6;

	qproperty-PBMarkerMarginRight: 6;

	qproperty-notStartedColor: rgb(204,34,34);

	qproperty-startedColor: rgb(200,128,128);

	qproperty-baseColor: #626262;

	qproperty-baseColor: #242424;

}

Ruler {

	qproperty-ParentBGColor: rgb(48,48,48);

	qproperty-ScaleColor: rgb(230,230,230);

}

#ComboViewerToolOptions{

	border-top: 1px solid rgb(132, 132, 132);

	/*.base_outset;*/

}

#RulerToolOptionValues{

    color: black;

}

/*-----------File Browser------------*/

#DirTreeView, #FunctionEditorTree, #ShortcutTree, #FxTreeView

{

	alternate-background-color: lighten(@m_baseBG, 5%);

	border-top: 1px solid rgb(132, 132, 132);

	.baseBG;

	margin: 0px;

}

#DirTreeView::branch {

	&:adjoins-item {

		border-image: url("@{image_url}/tree_branch-end.png") 0;

	}

	&:has-siblings {

		border-image: url("@{image_url}/tree_vline.png") 0;

		&:adjoins-item

		{

			border-image: url("@{image_url}/tree_branch-more.png") 0;

		}

	}

	&:has-children {

		&:closed {

			border-image: none;

			image: url("@{image_url}/tree_branch-closed_nosib.png");

		}

		&:open {

			border-image: none;

			image: url("@{image_url}/tree_branch-open_nosib.png");

		} 

		&:has-siblings {

			&:closed {

				border-image: none;

				image: url("@{image_url}/tree_branch-closed.png");

			}

			&:open {

				border-image: none;

				image: url("@{image_url}/tree_branch-open.png");

			}

		}

	}

}

DvItemViewerPanel {

	qproperty-TextColor: @m_baseTxtColor;

	qproperty-AlternateBackground: #3d3d3d;

	qproperty-SelectedTextColor: black;

	qproperty-FolderTextColor: rgb(130, 190, 130);

	qproperty-SelectedItemBackground: @m_selectedBG;

}

DvDirTreeView {

	qproperty-TextColor: @m_baseTxtColor;

	qproperty-SelectedTextColor: black;

	qproperty-FolderTextColor: rgb(130, 190, 130);

	qproperty-SelectedFolderTextColor: rgb(0,30,0);

	qproperty-SelectedItemBackground: @m_selectedBG;

	alternate-background-color: lighten(@m_baseBG, 5%);

}

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

/* Cleanup Settings, LoadLevel, PsdSettingsPopup, FxSettingsPopup, RenameAsToonzPopup */

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

#CleanupSettingsFrame, 

#LoadLevelFrame,

#SolidLineFrame {

	border: 1px solid rgb(88, 88, 88);

	margin-bottom: 5px;

	border-radius: 3px;

}

#TitleTxtLabel{

	color: @m_titleTxtColor;

}

#PsdSettingsGroupBox {

	border: 1px solid @m_selectedBG;

}

#FileDoesNotExistLabel {

	color: rgb(255,50,50);

}