3 files changed, 68 insertions, 8 deletions
diff --git a/pydis_site/static/css/base/base.css b/pydis_site/static/css/base/base.css
index 84af21f2..ce1503a3 100644
--- a/pydis_site/static/css/base/base.css
+++ b/pydis_site/static/css/base/base.css
@@ -42,6 +42,14 @@ div.card.has-equal-height {
     margin-left: 3rem;
 }
 
+#navbar-banner {
+    background-color: transparent;
+}
+
+#navbar-banner img {
+    max-height: 3rem;
+}
+
 #django-logo {
     padding-bottom: 2px;
     background: url(https://static.djangoproject.com/img/logos/django-logo-negative.png) no-repeat center;
diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css
index 3bcd39ab..a90a60d7 100644
--- a/pydis_site/static/css/home/index.css
+++ b/pydis_site/static/css/home/index.css
@@ -57,16 +57,12 @@ span.repo-language-dot.css {
     background-color: #563d7c;
 }
 
-#repo-footer-item {
-    margin-left: 1.2rem;
-}
-
-#navbar-banner {
-    background-color: transparent;
+span.repo-language-dot.javascript {
+    background-color: #f1e05a;
 }
 
-#navbar-banner img {
-    max-height: 3rem;
+#repo-footer-item {
+    margin-left: 1.2rem;
 }
 
 #sponsors-hero {
diff --git a/pydis_site/static/css/wiki/style.css b/pydis_site/static/css/wiki/style.css
index db6b4050..9d619e8b 100644
--- a/pydis_site/static/css/wiki/style.css
+++ b/pydis_site/static/css/wiki/style.css
@@ -1,5 +1,6 @@
 #wikiNavbar {
     min-height: 3rem;
+    z-index: 1;
 }
 
 #wikiNavbar .container {
@@ -31,3 +32,58 @@ ul.pagination-list li + li {
     margin-top: 0.5rem;
     margin-bottom: 0.5rem;
 }
+
+/* FA icons used in wiki articles */
+i.is-orangered {
+    color: #FE640A;
+}
+
+i.is-orangered:hover {
+    color: #fe9840;
+}
+
+i.is-blurple {
+    color: #7289DA;
+}
+
+i.is-blurple:hover {
+    color: #93a8da;
+}
+
+i.is-black {
+    color: #000000;
+}
+
+i.is-black:hover {
+    color: #191919;
+}
+
+i.is-youtube-red {
+    color: #BB0000;
+}
+
+i.is-youtube-red:hover {
+    color: #f80000;
+}
+
+i.is-amazon-orange {
+    color: #FF9900;
+}
+
+i.is-amazon-orange:hover {
+    color: #ffb71a;
+}
+
+i.is-teal {
+    color: #95DBE5;
+}
+
+i.is-teal:hover {
+    color: #a9f5ff;
+}
+
+
+
+i.has-icon-padding {
+    padding: 0 10px 25px 0;
+}