.overlay:not(.clean) .widget .content
{
	background-color: rgba(50, 50, 70, .9);
}

.widget .content
{
	background-color: rgba(35, 35, 55, .75);
}

body, #admin-bar
{
	background-color: rgb(35, 35, 55);
}

#foreground
{
	box-shadow: 0 0 0 64px rgb(35, 35, 55), inset 0 0 10px 0 rgb(0 0 0 / 20%);
}

*
{
	color: white;
}

h3
{
	background-color: rgb(220, 220, 230);
	color: black;
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(0, 0, 0, .10) 0, rgba(0, 0, 0, .10) 10px);
}

input[type="button"]:disabled, input[type="submit"]:disabled, button:disabled
{
	opacity: .5;
}

input[type="text"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled, textarea:disabled
{
	color: rgba(0, 0, 0, 0.75)!important;
}

.widget .progress-container
{
	background-color: rgba(220, 220, 240, 0.15);
}

.widget .progress-track
{
	background-color: rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 8px 0 rgb(0, 0, 0, 0.1);
}

input[type="button"], button, .label-button
{
	background-color: rgba(220, 220, 240, 0.15);
	color: white;
}

input[type="button"]:not(:disabled):hover, button:not(:disabled):hover, .label-button:not(:disabled):hover
{
	background-color:rgba(245, 245, 255, 0.2);
}

#update-status, .update-status
{
	background-color: rgba(220, 220, 240, 0.15);
}

.idea .label-button:hover
{
	background-color: rgba(220, 220, 240, 0.15);
}

.overlay:not(.clean)
{
	background-color: rgba(20, 20, 30, .75);
}

#preloader
{
	background-color: rgb(35, 35, 55);
}

.project
{
	background-color: rgba(0, 0, 0, 0.2);
}

#preview
{
	background-color: rgba(220, 220, 240, 0.15)
}

#fullscreen-preview
{
	border-bottom-color: rgb(35, 35, 55);
}