page header colours on news pages

wordpress/wp-content/themes/makeitopen/assets/scss/templates/_page.scss

@@ -28,4 +28,21 @@
 			background: $bg-yellow;
 		}
 	}
+
+	&--news {
+		.page-header h1:before,
+		.text-wrapper a.btn,
+		.single__button a.btn,
+		ol li:before,
+		ul li:before {
+			background: $red;
+		}
+
+		a.btn:before,
+		.single__button a.btn:before,
+		ol li:after,
+		ul li:after {
+			background: $bg-yellow;
+		}
+	}
 }
\ No newline at end of file

wordpress/wp-content/themes/makeitopen/home.php

 <?php get_header(); ?>
 
-	<main id="primary" class="site-main">
+	<main id="primary" class="site-main page--news">
 
 		<div class="container">
 

wordpress/wp-content/themes/makeitopen/single.php

 <?php get_header(); ?>
 
-	<main id="primary" class="site-main">
+	<main id="primary" class="site-main page--news">
 
 		<div class="single__content">
 			<?php
@@ -25,9 +25,9 @@
 
 					<div class="single__button">
 						<?php if (is_singular('events')) { ?>
-							<a href="<?php echo get_post_type_archive_link('events'); ?>" class="btn btn--red btn--back"><?php _e('see all events', 'makeitopen'); ?></a>
+							<a href="<?php echo get_post_type_archive_link('events'); ?>" class="btn btn--back"><?php _e('see all events', 'makeitopen'); ?></a>
 						<?php } else { ?>
-							<a href="<?php echo get_permalink(get_option('page_for_posts')); ?>" class="btn btn--red btn--back"><?php _e('see all news', 'makeitopen'); ?></a>
+							<a href="<?php echo get_permalink(get_option('page_for_posts')); ?>" class="btn btn--back"><?php _e('see all news', 'makeitopen'); ?></a>
 						<?php } ?>
 					</div>