diff --git a/content/assets/css/_colorscheme.scss b/content/assets/css/_colorscheme.scss
index 1177dc21..9c435346 100644
--- a/content/assets/css/_colorscheme.scss
+++ b/content/assets/css/_colorscheme.scss
@@ -26,6 +26,7 @@
--green: hsl(100, 100%, 30%);;
--gray: hsl(50, 0%, 50%);;
--orange: hsl(30, 100%, 50%);;
+ --icon-color: hsl(0deg 0% 70%);
}
/* Dark Mode */
@@ -46,6 +47,7 @@
--green: hsl(100, 100%, 40%);;
--gray: hsl(50, 0%, 70%);;
--orange: hsl(30, 100%, 60%);;
+ --icon-color: hsl(248deg 31% 40%);
}
body {
@@ -187,3 +189,7 @@ input {
content: url("/assets/images/vendors/linux-foundation-color.png");
}
}
+
+footer .social-media path {
+ fill: var(--icon-color);
+}
\ No newline at end of file
diff --git a/content/assets/css/_dual_cta.scss b/content/assets/css/_dual_cta.scss
index f0412649..8f22ed3d 100644
--- a/content/assets/css/_dual_cta.scss
+++ b/content/assets/css/_dual_cta.scss
@@ -1,6 +1,5 @@
.dual-cta-container {
--border-radius: 1.2em;
- margin-left: 0.5em;
display: inline-flex;
a {
diff --git a/layouts/footer.html b/layouts/footer.html
index 45f6dcd4..74e30300 100644
--- a/layouts/footer.html
+++ b/layouts/footer.html
@@ -6,6 +6,9 @@
Get Help From Developers
Everyone at DNSimple enjoys writing developer docs.
We love answering your emails, too.
Try us free for 30 days
+
+ <%= render "social_icons" %>
+