diff --git a/css/icons.scss b/css/icons.scss
index 1fb99984f..3c3afcffe 100644
--- a/css/icons.scss
+++ b/css/icons.scss
@@ -40,6 +40,7 @@
 
 .icon-description {
   background-image: url('../img/description.svg');
+  background-image: var(--icon-text-000);
 }
 
 .icon-badge {
@@ -47,15 +48,25 @@
 }
 
 .icon-toggle-compact-collapsed {
-  background-image: url('../img/toggle_view_expand.svg');
+  background-image: url('../img/toggle-view-expand.svg');
 }
 
 .icon-toggle-compact-expanded {
-  background-image: url('../img/toggle_view_collapse.svg');
+  background-image: url('../img/toggle-view-collapse.svg');
 }
 
 @if mixin-exists('icon-black-white') {
 	@include icon-black-white('deck', 'deck', 1);
 	@include icon-black-white('archive', 'deck', 1);
 	
+	.icon-toggle-compact-collapsed {
+		@include icon-color('toggle-view-expand', 'deck', $color-black);
+	}
+
+	.icon-toggle-compact-expanded {
+		@include icon-color('toggle-view-collapse', 'deck', $color-black);
+	}
+	.icon-activity {
+		@include icon-color('activity-dark', 'activity', $color-black);
+	}
 }
diff --git a/img/toggle_view_collapse.svg b/img/toggle-view-collapse.svg
similarity index 100%
rename from img/toggle_view_collapse.svg
rename to img/toggle-view-collapse.svg
diff --git a/img/toggle_view_expand.svg b/img/toggle-view-expand.svg
similarity index 100%
rename from img/toggle_view_expand.svg
rename to img/toggle-view-expand.svg