MediaWiki:Vector-darkmode.less/smw.less

//

/* =====================================
       SMW search and property pages
   ===================================== */

.smw-ask-query,
.smw-ask-actions {
	textarea {
		background-color: @ooui-interface;
		border-color: @ooui-interface-border;
		color: @ooui-text;
	}
}

.smw-ask-query-format {
	select {
		background-color: @ooui-interface;
		border: 1px solid @ooui-interface-border;
		color: @ooui-text;
	}
}

.smw-ask-sorting,
.smw-ask-options-fields {
	select {
		background-color: darken( @cloud-burst, 2% );
		border: 1px solid #4c5574;						// this is how it looks with 'rgba(250, 250, 255, .25)'
		color: @ooui-text;
	}
	
	input {
		background-color: darken( @cloud-burst, 2% );
		border: 1px solid #4c5574;						// this is how it looks with 'rgba(250, 250, 255, .25)'
		color: @ooui-text;
		padding: 2px 1px;
	}
}

// buttons
input {
	&.smw-ask-action-btn {
		&.smw-ask-action-btn-dblue {
			background-color: @ooui-normal;
			border-color: @ooui-normal-border;
			color: @ooui-text;
		}
	}
}

a {
	&.smw-ask-action-btn {
		&.smw-ask-action-btn-lblue {
			background-color:  @cloud-burst;
			border-color: lighten( @cloud-burst, 8% );
			color: @ooui-text;
			
			&:visited {
				background-color:  @cloud-burst;
				border-color: lighten( @cloud-burst, 8% );
				color: @ooui-text;
			}
			
			&:hover {
				background-color: lighten( @cloud-burst, 4% );
				border-color: lighten( @cloud-burst, 12% );
				color: @ooui-text;
			}
		}
	}
	
	&.smw-ask-action-btn-lgrey {
		background-color: @ooui-normal;
		border-color: @ooui-normal-border;
		color: @ooui-text;
		
		&:hover {
			background-color: @ooui-normal--hover;
			border-color: @ooui-normal-border--hover;
			color: @ooui-text;
		}
	}
}

// Callout messages
.smw-callout {
	color: @alabaster;

	&-error {
		background-color: @old-brick;
		border-color: @old-brick;
		border-left-color: @mocaccino;
	}
	&-info {
		background-color: @venice-blue;
		border-color: @venice-blue;
		border-left-color: @regal-blue;
	}
	&-success {
		background-color: @la-palma;
		border-color: @la-palma;
		border-left-color: @san-felix;
	}
	&-warning {
		background-color: @korma;
		border-color: @korma;
		border-left-color: @antique-bronze;
	}
}

// Property page usage count indicators
.smw-property-page-indicator {
	border-color: @waikawa-grey;
	color: @gallery;
	
	&.usage-count.moderate  {
		background-color: @korma;
		border-color: @korma;
		color: @gallery;
	}

	&.usage-count.high {
		background-color: @old-brick;
		border-color: @old-brick;
		color: @gallery;
	}
}

// Property page result rows hover
.property-page-results .value-row:hover {
	background-color: @ooui-normal--hover;
}

// Property page browse/search links (+ signs in result rows)
#bodyContent span {
	&.smwbrowse,
	&.smwsearch {
		a:hover {
			color: @white;
		}
	}
}

//