obscreen/data/www/scss/modes/specific-light.scss

menu h1.logo a {
	color: $gkscale6;
}

menu:hover h1.logo a {
	color: transparent;
}

ul.explr-dirview li a {
	&.with-thumbnail {
		.img-holder {
			background: $gkscaleD;
		}
	}

	i {
		color: $seaBlue;
	}
}

button,
.btn {
	&.btn-pixel {
		background: $white;
		color: $gkscale4;

		@include pixel-box(4, $gkscaleC);

		&:hover {
			@include pixel-box(6, $gkscaleC);
		}
	}

	&.btn-naked {
		color: $gkscale7;

		&:hover {
			box-shadow: 0 2px 0 1px $gkscale6 inset;
		}
	}

	&.btn-neutral:hover {
		box-shadow: 0 2px 0 1px $gkscale6 inset;
	}
}

.tiles .tiles-inner .tile-item {
	border-top: 2px solid transparent;
	border-right: 2px solid transparent;
	border-bottom: 2px solid transparent;

	&:hover,
	&.active {
		border-left: 2px solid $gscale17;
		border-top: 2px solid $gscale17;
		border-right: 2px solid $gscale17;
		border-bottom: 2px solid $gscale17;
		background: $white;
	}

	&:hover,
	&.active {
		border-color: $seaBlue;
	}

	&:hover.starred,
	&.active.starred {
		border-color: $yellow;
	}

	&:hover.disabled,
	&.active.disabled {
		border-color: $gscale4;
	}
}

.panes {
	.pane-section,
	tbody {

		.pane-item,
		tr {
			&:nth-child(odd) {
				background-color: $gkscaleF;
			}

			&:nth-child(even) {
				background-color: $gkscaleF7;
			}
		}
	}
}

.form-group .widget select, .form-group .widget input, .form-group .widget textarea {
	box-shadow: 0 2px 1px $gkscaleD, 0 4px 2px $gkscaleD inset;
	color: $gkscale5;
	background: $gkscaleE;
}

.toggle {
	label {
		box-shadow: 0 2px 2px $gkscaleC inset;

		&::after {
			box-shadow: 0 2px rgba($gkscaleC, 0.9);
		}
	}

	input:checked + label {
		box-shadow: 0 2px 2px rgba($gkscale0, .3) inset;
	}
}

ul.pills {
	box-shadow: 1px 1px .5px .5px inset rgba($gkscaleA, 0.2);
	background: #EEE;

	li {
		a {
			color: $gkscale4;
			background: $white;
		}

		&.active {
			a {
				color: $white;
				background: $seaBlue;
			}
		}
	}
}

.breadcrumb-container ul.breadcrumb {
	box-shadow: 1px 1px .5px .5px inset rgba($gkscaleA, 0.2);
	background: #EEE;

	li a,
	li span,
	li {
		color: $gkscale4;
	}

	li:hover a {
		color: $white;
	}

	li.divider i {
		color: $gkscaleB;
	}
}


.dropdown ul.dropdown-menu li.danger:hover a {
	color: $white;
}

.inner-empty i {
	color: $gkscaleD;
	text-shadow: 0 -1px $gkscale9, 0 0px .5px $gkscale6;
}

.view-player-group-list main .main-container .players-holder ul.players li.player-item .tail a,
.view-playlist-list main .main-container .slides-holder ul.slides li.slide-item .tail a {
	color: $gkscale8;

	&:hover {
		color: $white;
	}
}


.form-group {
	.widget {
		select,
		input,
		textarea {

			&.disabled,
			&[disabled] {
				border: none;
				background: $gkscaleE;
				border-radius: $baseRadius;
				padding-left: 10px;
				padding-right: 10px;
			}
		}
	}
}

.modal-explr-picker {
	.explr-tree {
		background: $gkscaleF7;
	}
}