diff --git a/css/style.css b/css/style.scss
similarity index 88%
rename from css/style.css
rename to css/style.scss
index 161fceba..10d4fcc0 100644
--- a/css/style.css
+++ b/css/style.scss
@@ -11,7 +11,7 @@
 #app-content hr {
 	width: 85%;
 	border: none;
-	border-bottom: solid 1px #ddd;
+	border-bottom: solid 1px var(--color-border-dark);
 }
 
 #announcement_submit_msg.success {
@@ -58,9 +58,7 @@
 	box-sizing: content-box;
 }
 
-.icon-announcement {
-	background-image: url('../img/announcementcenter-dark.svg');
-}
+@include icon-black-white('announcementcenter-dark', 'announcementcenter', 1);
 
 .section > span {
 	padding-right: 7px;
@@ -69,7 +67,7 @@
 
 .section > blockquote {
 	padding: 5px 10px;
-	border-left: 1px solid #ddd;
+	border-left: 1px solid var(--color-border-dark);
 }
 
 ul, ol {
diff --git a/templates/main.php b/templates/main.php
index 63bd286b..97e76103 100644
--- a/templates/main.php
+++ b/templates/main.php
@@ -29,7 +29,7 @@
 	} ?>
 
 	<div id="emptycontent" class="<?php if ($_['isAdmin']): ?>emptycontent-admin <?php endif; ?>hidden">
-		<div class="icon-announcement"></div>
+		<div class="icon-announcementcenter-dark"></div>
 		<h2><?php p($l->t('No Announcements')); ?></h2>
 		<p><?php p($l->t('There are currently no announcements…')); ?></p>
 	</div>