Color Schemes

_themes.scss

$theme-blue: #779ECB;
$theme-purple: #CA98C9;
$theme-red: #FF6861;
$theme-green: #89E894;
$theme-dark: #78797B;

.theme-blue {

	.site-header,
	.home-middle,
	.footer-widgets {
		background-color: $theme-blue;
	}

	.site-footer,
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.button,
	.entry-content .button,
	.edd-submit {
		background-color: darken( $theme-blue, 5% );

		&:hover {
			background-color: darken( $theme-blue, 10% );
		}
	}

	.entry a {
		color: $theme-blue;
	}

}

.theme-purple {

	.site-header,
	.home-middle,
	.footer-widgets {
		background-color: $theme-purple;
	}

	.site-footer,
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.button,
	.entry-content .button,
	.edd-submit {
		background-color: darken( $theme-purple, 5% );

		&:hover {
			background-color: darken( $theme-purple, 10% );
		}
	}

	.entry a {
		color: $theme-purple;
	}

}

.theme-red {

	.site-header,
	.home-middle,
	.footer-widgets {
		background-color: $theme-red;
	}

	.site-footer,
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.button,
	.entry-content .button,
	.edd-submit {
		background-color: darken( $theme-red, 5% );

		&:hover {
			background-color: darken( $theme-red, 10% );
		}
	}

	.entry a {
		color: $theme-red;
	}

}
.theme-green {

	.site-header,
	.home-middle,
	.footer-widgets {
		background-color: $theme-green;
	}

	.site-footer,
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.button,
	.entry-content .button,
	.edd-submit {
		background-color: darken( $theme-green, 5% );

		&:hover {
			background-color: darken( $theme-green, 10% );
		}
	}

	.entry a {
		color: $theme-green;
	}

}

.theme-dark {

	.site-header,
	.home-middle,
	.footer-widgets {
		background-color: $theme-dark;
	}

	.site-footer,
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.button,
	.entry-content .button,
	.edd-submit {
		background-color: darken( $theme-dark, 5% );

		&:hover {
			background-color: darken( $theme-dark, 10% );
		}
	}

	.entry a {
		color: $theme-dark;
	}

}