diff --git a/content/_index.md b/content/_index.md
index 9c11e87..2783f30 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -68,8 +68,9 @@ Credits
-------
* [RSS feed icon](http://www.feedicons.com/) by The Mozilla Foundation.
-* Website theme based on [Juice](https://github.com/huhu/juice) by HuHu.
+* Website theme based on [Juice](https://github.com/huhu/juice) by HuHu with colours by [Di].
* [Fira Sans](https://github.com/hellogreg/firava) variable font by Mozilla and Greg Gibson.
[selectors]: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors
[ssheven]: https://github.com/cy384/ssheven
+[Di]: https://didoesdigital.com/
diff --git a/static/home.css b/static/home.css
index 5cd174c..ee7ab47 100644
--- a/static/home.css
+++ b/static/home.css
@@ -26,11 +26,11 @@ a.link-button {
line-height: 30px;
text-decoration: none;
font-weight: 550;
- color: white;
- background: cornflowerblue;
+ color: var(--button-text-color);
+ background: var(--button-color);
}
a.link-button:hover {
- background: hsl(218.5, 79.2%, 50%);
+ background: var(--button-hover-color);
text-decoration: none;
}
a.install-button {
@@ -64,6 +64,24 @@ p {
margin: 0.5em 0;
}
+footer {
+ background-color: var(--footer-background-color);
+ color: var(--footer-text-color);
+}
+footer a,
+footer a:hover {
+ color: var(--footer-text-color);
+}
+
+.content.text {
+ color: var(--content-text-color);
+}
+
+.content.text h2,
+.content.text .heading-text {
+ color: var(--content-heading-text-color);
+}
+
.logo {
font-family: var(--header-font-family), sans-serif;
font-weight: 900;
diff --git a/templates/_variables.html b/templates/_variables.html
index 9f420d9..c94fc61 100644
--- a/templates/_variables.html
+++ b/templates/_variables.html
@@ -1,18 +1,18 @@
diff --git a/templates/index.html b/templates/index.html
index 1b5fefe..2bed9aa 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -26,7 +26,7 @@
{% endblock hero %}
{% block head %}
-
+
{% endblock %}