@import "../styles/main.less";

/*
@primary: #FFF;
@primary-bg: #444;
@secondary-bg: darken(@primary-bg, 4%);
@secondary-bg-light: darken(@primary-bg, 13%);
@secondary-bg-lighter: darken(@primary-bg, 15%);
@secondary-border-color: darken(@primary-desaturated, 70%);
@secondary-border-color-light: darken(@primary-desaturated, 75%);
@secondary-border-color-lighter: darken(@primary-desaturated, 80%);
@tertiary-bg: darken(@primary-bg, 15%);
@tertiary-color-darker: @primary;
@tertiary-color-dark: darken(@primary, 12.5%);
@tertiary-color: darken(@primary, 37.5%);
@panel-button-bg-color: #aaa;

@link-color: #f73;
@input-border: @primary-bg;
@input-bg: #111;
@blockquote-bg: fade(#fff, 5%);
@code-bg: fade(#fff, 10%);
@pre-bg: #bbb;
@pre-border-color: darken(@pre-bg, 30%);
@blockquote-border-color: fade(#fff, 8%);
@modal-backdrop-bg: #444;
@dropdown-border: @primary-bg;

@kbd-bg-color: @pre-bg;
@kbd-border-color: fade(@text-color, 40%);

.form-control:focus {
    .box-shadow(~"inset 0 1px 1px rgba(255, 255, 255, 0), 0 0 12px rgba(255, 255, 255, 1)");
}

.ace-tm {
	.ace_cursor {
		border-left-color: #fff;
	}
}	
*/

@primary: #9d9d9d;
@secondary-color: #a8a8a8;
@navbar-default-bg: #474747;
@btn-default-hover-bg: fade(@primary, 16%);
@btn-primary-bg: #e6e6e6;
@btn-primary-hover-bg: darken(@btn-primary-bg, 4%);
//@btn-primary-color: #bbb;
//@btn-primary-hover-bg: fade(@primary, 25%);
@btn-success-color: #a0a0a0;
@btn-success-hover-bg: darken(@navbar-default-bg, 10%);
@btn-info-hover-bg: #ededed;
@panel-button-bg-color: #e0e0e0;
@panel-button-box-shadow: ~"0 0 1px rgba(255,255,255,0.75)";
@input-bg: #fff;
@modal-backdrop-bg: #505050;
@input-color: @secondary-color-darkest;
@disabled-color: mix(@secondary-color, @input-bg, 50%);


//@list-group-active-color: @text-color;
//@list-group-border: @transparent;
//@list-group-active-border: fade(@secondary, 8%);
//@list-group-hover-border-color: fade(@secondary, 8%);
/*
@list-group-link-color: @btn-success-color;
@list-group-bg: lighten(@navbar-default-bg, 2%);
@list-group-active-color: lighten(@btn-success-color, 20%);
@list-group-active-bg: darken(@navbar-default-bg, 2%);
@list-group-hover-bg: @btn-success-hover-bg;
*/


@tertiary-bg: #fcfcfc;
@secondary-bg: #f9f9f9;
@secondary-bg-light: #f6f6f6;
@secondary-bg-lighter: @tertiary-bg;
@secondary-border-color: #e2e2e2;
@secondary-border-color-light: #eee;
@secondary-border-color-lighter: #eee;


// Navbar buttons
.btn-success {
    border-width: 0;
    .buttons-dropdown & {
        color: #777;
        &:hover,
        &:focus,
        &:active {
            background-color: #777 !important;
        }
    }
    &:hover,
    &:focus,
    &:active,
    .open &.dropdown-toggle {        
    	color: #fff;
    }
}

a.list-group-item,
.dropdown-menu a {
    &:hover,
    &:focus {
        color: #333;
        border-top-color: fade(@secondary, 10%);
        border-bottom-color: fade(#fff, 85%);
    }
}

.list-group-item.active {
    &,
    &:hover,
    &:focus {
        background-color: fade(@primary, 8%);
        color: #606060;
        border-top-color: fade(@secondary, 10%);
        border-bottom-color: fade(#fff, 80%);
        
    }
}

.ace-tm {
	.ace_cursor {
		border-left-color: #555;
	}
}	

.ui-layout-resizer-north {
	background-color: fade(@navbar-default-bg, 75%);
    border-bottom: 0;
    //.box-shadow(~"0 0 1px 1px rgba(0,0,0,0.15), 0 3px 8px rgba(0,0,0,0.15)");
}

.resizer-decorator {
	.ui-layout-resizer-east & {
        border-left: 1px solid fade(@secondary, 4%);
	}
	.ui-layout-resizer-south & {
        border-top: 1px solid fade(@secondary, 4%);
	}
}

.menu-panel, .document-panel {
    .collapse-button:hover, &.in .collapse-button, &.collapsing .collapse-button {
       	background-color: @tertiary-bg;
    }
}

/*
.menu-panel {
	.sub-menu {
		background-color: @navbar-default-bg;
	}
    .panel-content {
        background-color: @navbar-default-bg;
    }
}
*/