diff --git a/apps/theme/static/img/GWF-icon-lightning--black.svg b/apps/theme/static/img/GWF-icon-lightning--black.svg
new file mode 100644
index 00000000..7227595b
--- /dev/null
+++ b/apps/theme/static/img/GWF-icon-lightning--black.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 109.59 124.82"><defs><style>.cls-1,.cls-2{fill:none;}.cls-1,.cls-2,.cls-3{stroke-miterlimit:10;}.cls-1,.cls-3{stroke:#000;stroke-width:3.38px;}.cls-2{stroke:#000000;stroke-width:8.1px;}.cls-3{fill:#fff;}</style></defs><g id="Livello_1"><g><path class="cls-2" d="M48.84,71.81l-.77,4.02c.79,0,1.58,0,2.38,0,2.74,0,5.36-.04,7.88-.09l24.82-34.98h-25.26l3.3-27.66L26.37,54.89h25.71l-3.24,16.92"/><g><path class="cls-3" d="M107.9,70.03c0,29.33-23.78,53.1-53.1,53.1S1.69,99.36,1.69,70.03H107.9Z"/><path class="cls-1" d="M81.28,70.11c0,29.33-15.38,53.02-26.48,53.02-11.68,0-26.48-23.55-26.48-52.87"/><line class="cls-1" x1="8.21" y1="95.69" x2="101.3" y2="95.69"/><line class="cls-1" x1="54.79" y1="70.34" x2="54.79" y2="123.13"/></g></g></g></svg>
\ No newline at end of file
diff --git a/apps/theme/static/img/GWF-icon-plant--black.svg b/apps/theme/static/img/GWF-icon-plant--black.svg
new file mode 100644
index 00000000..c46b2e59
--- /dev/null
+++ b/apps/theme/static/img/GWF-icon-plant--black.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 109.59 124.29"><defs><style>.cls-1,.cls-2{fill:none;}.cls-1,.cls-2,.cls-3{stroke-miterlimit:10;}.cls-1,.cls-3{stroke:#000;stroke-width:3.38px;}.cls-2{stroke:#000000;stroke-width:8.1px;}.cls-3{fill:#fff;}</style></defs><g id="Livello_1"><g><g><g><line class="cls-2" x1="56.12" y1="69.21" x2="56.12" y2="44.63"/><line class="cls-2" x1="56.53" y1="66.94" x2="74.3" y2="55.82"/><line class="cls-2" x1="53.92" y1="62.05" x2="41.11" y2="54.91"/></g><path class="cls-2" d="M65.51,28.21c0,12.34-9.23,22.24-9.23,22.24,0,0-8.82-9.73-8.82-22.24S56.28,5.97,56.28,5.97c0,0,9.23,9.42,9.23,22.24Z"/><path class="cls-2" d="M89.96,54.37c-9.11,6.55-21.33,4.99-21.33,4.99,0,0,2.5-11.68,11.74-18.32,8.93-6.42,21.11-5.3,21.11-5.3,0,0-2.05,11.82-11.52,18.63Z"/><path class="cls-2" d="M21.83,54.6c-9.77-5.21-13.72-16.72-13.72-16.72,0,0,11.43-2.88,21.35,2.42,9.58,5.11,13.89,16.39,13.89,16.39,0,0-11.36,3.33-21.52-2.09Z"/></g><g><path class="cls-3" d="M107.9,69.5c0,29.33-23.78,53.1-53.1,53.1S1.69,98.83,1.69,69.5H107.9Z"/><path class="cls-1" d="M81.28,69.58c0,29.33-15.38,53.02-26.48,53.02-11.68,0-26.48-23.55-26.48-52.87"/><line class="cls-3" x1="8.21" y1="95.16" x2="101.3" y2="95.16"/><line class="cls-1" x1="54.79" y1="69.8" x2="54.79" y2="122.6"/></g></g></g></svg>
\ No newline at end of file
diff --git a/apps/theme/static/img/GWF-icon-sunburst--black.svg b/apps/theme/static/img/GWF-icon-sunburst--black.svg
new file mode 100644
index 00000000..63a93803
--- /dev/null
+++ b/apps/theme/static/img/GWF-icon-sunburst--black.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 109.59 120.61"><defs><style>.cls-1,.cls-2{fill:none;}.cls-1,.cls-2,.cls-3{stroke-miterlimit:10;}.cls-1,.cls-3{stroke:#000;stroke-width:3.38px;}.cls-2{stroke:#000000;stroke-width:8.1px;}.cls-3{fill:#fff;}</style></defs><g id="Livello_1"><g><g><g><line class="cls-2" x1="3.02" y1="44.8" x2="56.8" y2="64.56"/><line class="cls-2" x1="106.39" y1="44.98" x2="53.11" y2="64.56"/></g><g><line class="cls-2" x1="90.84" y1="16.02" x2="54.65" y2="64.56"/><line class="cls-2" x1="19.06" y1="16.02" x2="54.65" y2="64.56"/></g><line class="cls-2" x1="54.96" y1="64.56" x2="54.96"/></g><g><path class="cls-3" d="M107.9,65.81c0,29.33-23.78,53.1-53.1,53.1S1.69,95.14,1.69,65.81H107.9Z"/><path class="cls-1" d="M81.28,65.9c0,29.33-15.38,53.02-26.48,53.02-11.68,0-26.48-23.55-26.48-52.87"/><line class="cls-1" x1="8.21" y1="91.47" x2="101.3" y2="91.47"/><line class="cls-1" x1="54.79" y1="66.12" x2="54.79" y2="118.92"/></g></g></g></svg>
\ No newline at end of file
diff --git a/apps/theme/static_src/src/css/components.css b/apps/theme/static_src/src/css/components.css
index 8b08dcdb..247a4a7e 100644
--- a/apps/theme/static_src/src/css/components.css
+++ b/apps/theme/static_src/src/css/components.css
@@ -144,10 +144,19 @@
 	.heading-icon__sunburst--yellow::before {
 		@apply bg-sunburst-yellow;
 	}
+	.heading-icon__sunburst--black::before {
+		@apply bg-sunburst-black;
+	}
 	.heading-icon__plant--orange::before {
 		@apply bg-plant-orange;
 	}
+	.heading-icon__plant--black::before {
+		@apply bg-plant-black;
+	}
 	.heading-icon__lightning--purple::before {
 		@apply bg-lightning-purple;
 	}
+	.heading-icon__lightning--black::before {
+		@apply bg-lightning-black;
+	}
 }
\ No newline at end of file
diff --git a/apps/theme/static_src/tailwind.config.js b/apps/theme/static_src/tailwind.config.js
index f9eb1e8e..31467fd7 100644
--- a/apps/theme/static_src/tailwind.config.js
+++ b/apps/theme/static_src/tailwind.config.js
@@ -132,9 +132,11 @@ module.exports = {
 				'external-link': "url('../../img/icon-external-link.svg')",
 				'sunburst-green': "url('../../img/GWF-icon-sunburst--green.svg')",
 				'sunburst-yellow': "url('../../img/GWF-icon-sunburst--yellow.svg')",
+				'sunburst-black': "url('../../img/GWF-icon-sunburst--black.svg')",
 				'plant-orange': "url('../../img/GWF-icon-plant--orange.svg')",
+				'plant-black': "url('../../img/GWF-icon-plant--black.svg')",
 				'lightning-purple': "url('../../img/GWF-icon-lightning--purple.svg')",
-				
+				'lightning-black': "url('../../img/GWF-icon-lightning--black.svg')",
 			},
         },
     },
diff --git a/apps/theme/templates/greencheck/partials/_directory_ctas.html b/apps/theme/templates/greencheck/partials/_directory_ctas.html
index 988dfacf..255e33fa 100644
--- a/apps/theme/templates/greencheck/partials/_directory_ctas.html
+++ b/apps/theme/templates/greencheck/partials/_directory_ctas.html
@@ -10,27 +10,26 @@ <h2 class="text-2xl md:text-4xl md:text-black border-none mb-0">Found this Direc
 
 		<div class="md:max-w-[65ch] lg:max-w-none mx-auto mt-10 xl:mt-16 mb-6 md:grid md:grid-flow-col md:gap-x-12 lg:gap-x-16 xl:gap-x-20 2xl:gap-x-24 md:gap-y-0 md:grid-cols-3 md:auto-rows-auto md:items-start" style="grid-template-rows: repeat(3, auto);">
 			
-			<h3 class="heading-icon__sunburst--green uppercase text-2xl md:text-med lg:text-2xl font-normal">Spread<br/> the word</h3>
+			<h3 class="heading-icon__sunburst--black uppercase text-2xl md:text-med lg:text-2xl font-normal">Spread<br/> the word</h3>
 			<p class="mt-3 lg:mt-4 pt-4 lg:pt-6 border-t-2">When you use our open source work and cite us publically it helps us show our impact to funders.</p>
 			<a class="btn btn-white btn-sm mt-4 lg:mt-6 mb-16 md:mb-0" target="_blank" rel="noopener noreferrer" href="https://www.thegreenwebfoundation.org/how-to-cite-our-work/">
 				How to cite our work
 				<img class="utility-icon external-link-icon" width="16px" height="16px" src="{% static 'img/icon-external-link.svg' %}" alt="Visit {{ obj.name }}'s website"/>
 			</a>
 
-			<h3 class="heading-icon__plant--orange uppercase text-2xl md:text-med lg:text-2xl font-normal">Share your<br/> suggestions</h3>
+			<h3 class="heading-icon__plant--black uppercase text-2xl md:text-med lg:text-2xl font-normal">Share your<br/> suggestions</h3>
 			<p class="mt-3 lg:mt-4 pt-4 lg:pt-6 border-t-2">We welcome your feedback and perspectives on how to make this Directory better.</p>
 			<a class="btn btn-black text-white btn-sm mt-4 lg:mt-6 mb-16 md:mb-0" target="_blank" rel="noopener noreferrer" href="https://www.thegreenwebfoundation.org/support-form/">
 				Send us a message
 				<img class="utility-icon external-link-icon" width="16px" height="16px" src="{% static 'img/icon-external-link-white.svg' %}" alt="Visit {{ obj.name }}'s website"/>
 			</a>
 
-			<h3 class="heading-icon__lightning--purple uppercase text-2xl md:text-med lg:text-2xl font-normal">Support<br/> the mission</h3>
+			<h3 class="heading-icon__lightning--black uppercase text-2xl md:text-med lg:text-2xl font-normal">Support<br/> the mission</h3>
 			<p class="mt-3 lg:mt-4 pt-4 lg:pt-6 border-t-2">We are non-profit working for the public benefit, with more funding we can have more impact.</p>
 			<a class="btn btn-green btn-sm mt-4 lg:mt-6" target="_blank" rel="noopener noreferrer" href="https://www.thegreenwebfoundation.org/donate/">
-				Support us financially
+				How donating works
 				<img class="utility-icon external-link-icon" width="16px" height="16px" src="{% static 'img/icon-external-link.svg' %}" alt="Visit {{ obj.name }}'s website"/>
 			</a>
-
 		</div>
 	</div>